easyui的tree节点的获取和选中

最新推荐文章于 2022-10-12 09:38:40 发布

转载最新推荐文章于 2022-10-12 09:38:40 发布 · 1.1k 阅读

文章标签：

#javascript #java #python #ViewUI

本文介绍了如何使用EasyUI实现树形结构数据展示，并演示了如何通过JavaScript代码来查找特定节点并将其设置为选中状态。文章包含了一个具体的示例代码片段，展示了如何构造树形数据并利用EasyUI的方法进行节点的定位和展开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

easyui的tree节点的获取和选中

学习了：http://www.cnblogs.com/fanyf/p/6863212.html

function txtICDKeyup001(e){
    if(e.keyCode==13){ // 输入回车之后进行查询
        $('#txtICD').attr('disabled','disabled'); // 暂时禁用
        $('#txtICD').removeAttr('disabled');
        $('#divTreeId').tree({
              data : [ {
                "id" : 1,
                "text" : "Folder1",
                "iconCls" : "icon-save",
                "children" : [ {
                    "id":2,
                    "text" : "File1" 
                }, {
                    "id":3,
                    "text" : "Books",
                    "state" : "closed",
                    "children" : [ {
                        "id":4,
                        "text" : "PhotoShop" ,
                        state:'open'
                    }, {
                        "id" : 8,
                        "text" : "Sub Bookds",
                        "state" : "closed"
                    } ]
                } ]
            }, {
                "text" : "Languages",
                "state" : "closed",
                "children" : [ {
                    "text" : "Java"
                }, {
                    "text" : "C#"
                } ]
            } ]  ,
              idField:"id",
              treeField:"code",
              animate:true,
              lines:true,
              "checkbox":true,
              onlyLeafCheck:true,
              title:'title...'
        });
        
        var node = $('#divTreeId').tree('find', 4);//找到id为”tt“这个树的节点id为”1“的对象
        $('#divTreeId').tree('expandTo', node.target);
        $('#divTreeId').tree('select', node.target);//设置选中该节点
        
    }
}