easyui的treegrid控件中使第一层父节点有checkbox,下面层级的节点没有checkbox

easyui的treegrid控件中使第一层父节点有checkbox,下面层级的节点没有checkbox

功能描述

easyui的treegrid控件中实现最外层父节点的有checkbox的选择框,下面层级的界面没有checkbox的选择框。

代码实现

 $('#tt').treegrid({
            checkbox: function (row) {
                console.log("checkbox:"+JSON.stringify(row));
                if (row._parentId){
                    return false;
                }else {
                    return true;
                }
            }
        })

查找资料和文档发现可以checkbox函数实现该功能,但是需要在设置时,将treegrid的option中的checkbox属性设置为false。
然后在测试是发现,虽然我们在后台读取数据库时,将最外层节点的父节点的id设置为0,但是在前端查看时发现,最外层节点的父id没有展示出来,然后就判断checkbox函数中默认传入的row是否有_parentId,如果没有就返回true,此时,最外层节点就显示为有checkbox。当没有_parentId时就返回false,此时子节点中就没有checkbox的选择框。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui treegrid 提供了树节点延迟加载的功能,可以将树节点的数据分批加载,只有当用户展开该节点时,才会加载该节点的子节点下面是使用树节点延迟加载的示例代码: 1. 首先,在 easyui treegrid 的 data 属性中,需要为每个节点添加一个 "state" 属性,该属性的值为 "closed",表示该节点的子节点未加载。例如: ``` var data = [ { "id": 1, "text": "Node 1", "state": "closed" }, { "id": 2, "text": "Node 2", "state": "closed" } ]; ``` 2. 然后,在 easyui treegrid 的 onBeforeExpand 事件中,判断该节点是否已经加载子节点,如果未加载,则通过 AJAX 请求获取该节点的子节点数据,并将数据添加到该节点下。例如: ``` $('#treegrid').treegrid({ url: 'get_data.php', idField: 'id', treeField: 'text', onBeforeExpand: function(row) { if (row.children == undefined) { $.ajax({ url: 'get_children.php?id=' + row.id, dataType: 'json', success: function(data) { $('#treegrid').treegrid('append', { parent: row.id, data: data }); row.children = data; } }); } }, columns: [...] }); ``` 在这个示例代码中,通过 AJAX 请求获取该节点的子节点数据,并通过 treegrid 的 "append" 方法将数据添加到该节点下。同时,为了避免多次请求同一个节点的子节点数据,需要将已经加载的子节点数据保存在该节点的 "children" 属性中。 通过以上代码,你就可以实现 easyui treegrid 的树节点延迟加载功能。当用户展开某个节点时,会自动请求该节点的子节点数据,并将数据添加到该节点下,从而实现了分批加载数据的效果,提高了 easyui treegrid 的性能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值