Easyui Treegrid 检查行是否存在

Easyui是一个基于jQuery的开源UI库，它能够帮助我们快速构建美观简洁的前端页面。Treegrid是easyui中的一个控件，它可以展示树形结构数据，并且支持多级子节点的展开与收缩。在进行表格数据添加或删除等操作时，我们有时需要检查某一行是否已经存在。本篇文章将介绍如何使用easyui treegrid来检查行是否存在。

准备工作

本文示例使用的相关资源包括：

• jquery-1.11.3.min.js
• easyui.css
• easyui.js

这些资源可在easyui官网（https://www.jeasyui.com/）进行下载。

编写HTML代码

首先，我们创建一个table元素并设置id，作为easyui treegrid控件的容器。

<table id="tt"></table>

初始化Easyui Treegrid控件

接下来，我们需要初始化treegrid控件，并设置idField和treeField属性，以表明该控件所展示的数据为树形结构。同时，我们还可以设置columns、data等属性来初始化treegrid实例。下面是一个简单的初始化示例代码：

$('#tt').treegrid({
    idField:'id',
    treeField:'name',
    columns:[[
        {field:'name',title:'Name',width:180},
        {field:'size',title:'Size',width:60,align:'right'},
        {field:'date',title:'Date',width:140}
    ]],
    data:[
        {id:1,name:'Folder1',size:'',date:'2015-01-01'},
        {id:2,name:'Folder2',size:'',date:'2015-01-01',_parentId:1},
        {id:3,name:'File1',size:'100kb',date:'2015-01-01',_parentId:1},
        {id:4,name:'File2',size:'150kb',date:'2015-01-01',_parentId:2},
        {id:5,name:'File3',size:'200kb',date:'2015-01-01',_parentId:2}
    ]
});

检查行是否存在

通过使用treegrid提供的getRow方法，我们可以直接通过行id来获取指定的行。如果所需的行不存在，getRow方法将返回null。因此，我们可以通过检查getRow方法返回的结果来判断该行是否已经存在。下面是一个检查行是否存在的示例代码：

function isRowExist(id){
    var row = $('#tt').treegrid('getRow', id);
    if(row){
        return true;    // 行存在
    }else{
        return false;   // 行不存在
    }
}

使用以上代码片段，我们可以轻松判断某一行是否已经存在于easyui treegrid控件中。

总结

本篇文章介绍了如何使用easyui treegrid检查行是否存在的方法。通过使用treegrid提供的getRow方法，我们可以直接根据行id来获取指定的行，并判断该行是否已经存在。