这个ui用的一切都是json数据。树也是如此!
后台需要返回与格式匹配的json数据才能正确加载树。
页面定义一个ui:
- <ul id="messageInfoAddTree" class="easyui-tree" checkbox="true" data-options="lines:true" style="height:94%"></ul>
- //人员树
- $('#messageInfoAddTree').tree({
- url: "controller/crmMessageInfo/selectEditTree.json?rid=-1",
- loadFilter: function(data){
- return data;
- }
- });
- public class EmployeeTree {
- private Integer id; //人员编号
- private String text; //人员名称
- private Boolean checked = false; //是否选中
- private List<EmployeeTree> children; //子节点
- }
获取已勾选的节点数据:
- var nodes = $('#messageInfoAddTree').tree('getChecked');
还有一个功能,就是让tree的所有节点都勾选上或者取消勾选,在api中找了一下有一个方法:
check | target | 选中指定节点。 |
getRoot | none | 获取根节点,返回节点对象。 |