jQuery技术

轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)(2)

字号+ 作者:H5之家 来源:H5之家 2017-08-11 12:00 我要评论( )

为了放置加载子节点,我们需要为每个节点重命名 children 属性。 正如下面的代码所示,children 属性重命名为 children1。 当展开一个节点时,我们调用 append 方法来加载它的子节点数据。 loadFilter 代码 functio

为了放置加载子节点,我们需要为每个节点重命名 'children' 属性。 正如下面的代码所示,'children' 属性重命名为 'children1'。 当展开一个节点时,我们调用 'append' 方法来加载它的子节点数据。
'loadFilter' 代码

function myLoadFilter(data,parentId){ function setData(){ var todo = []; for(var i=0; i<data.length; i++){ todo.push(data[i]); } while(todo.length){ var node = todo.shift(); if (node.children){ node.state = 'closed'; node.children1 = node.children; node.children = undefined; todo = todo.concat(node.children1); } } } setData(data); var tg = $(this); var opts = tg.treegrid('options'); opts.onBeforeExpand = function(row){ if (row.children1){ tg.treegrid('append',{ parent: row[opts.idField], data: row.children1 }); row.children1 = undefined; tg.treegrid('expand', row[opts.idField]); } return row.children1 == undefined; }; return data; }

以上就是针对树形网络的相关操作,希望对大家的学习有所帮助,大家可以结合前一篇文章进行学习,会有意想不到的收获。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery插件开发入门 WEB前端开发

    jQuery插件开发入门 WEB前端开发

    2017-08-11 13:00

  • jQuery EasyUI网络教程 pdf

    jQuery EasyUI网络教程 pdf

    2017-08-10 11:00

  • easyui:格式化列

    easyui:格式化列

    2017-08-03 10:04

  • JQueryEasyUI学习简略Demo

    JQueryEasyUI学习简略Demo

    2017-07-27 13:00

网友点评
a