EasyUI组织树管理

1:先上图看效果

EasyUI组织树管理_第1张图片

这里用到了easyUI的TreeGid

$('#dataTreeGrid').treegrid('loadData', treeArray);

treeArray是组织的结果集,注意:组织的数据中,需要返回组织的父节点_parentId

EasyUI组织树管理_第2张图片

2:添加组织

选择上级组织,这里用到了EasyUI的comboTree。

$('#cc').combotree('loadData', treeData);

注意:组织的名称为text,comboTree才能正常获取组织名称。


EasyUI组织树管理_第3张图片

获取选择节点的id:var _parentId =  $('#cc').combotree('getValue');


3:编辑组织

EasyUI组织树管理_第4张图片

获取上级组织

var _parentId = org._parentId;
$('#cc').combotree('setValue', _parentId);

EasyUI组织树管理_第5张图片


4:EasyUI初始化已经select的Tree节点

效果图:

EasyUI组织树管理_第6张图片


实现方法:

EasyUI组织树管理_第7张图片

只选叶子节点,不选根节点的原因是:如果选中根节点的话,所有的子节点都将被选中!



你可能感兴趣的:(easyui,tree)