EasyuI comboxTree 使用笔记

继承至 $.fn.combo.defaults 和$.fn.tree.defaults.覆盖默认值$.fn.combotree.defaults.

combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree 支持树复选框,可以方便的实现多选

相关依赖

• combo
• tree

使用

从标记创建combotree

使用javascript创建combotree

$(‘#cc‘).combotree({url: ‘get_data.php‘,required: true});

属性

属性继承至 combo 和 tree, 以下是combotree重写属性.

事件

事件继承至 combo 和 tree.

方法

方法继承至 combo,以下是combotree新增和重写的方法.

var t = $(‘#cc‘).combotree(‘tree‘); // 得到树对象 

var n = t.tree(‘getSelected‘); // 得到选择的节点 

这里经过实践测试应该使用t.tree(‘getChecked‘);

alert(n.text);

$(‘#cc‘).combotree(‘loadData‘, [{ id: 1, text: ‘Languages‘, children: [{ id: 11, text: ‘Java‘ },{ id: 12, text: ‘C++‘ }] }]);

$(‘#cc‘).combotree(‘setValues‘, [1,3,21]);

$(‘#cc‘).combotree(‘setValue‘, 6); 

//-------------------------------------------------------编辑的时候选中 comboxtree中的项------------------------------------------------------

for (i=0;i<arr.length ;i++ ){

  node=$(‘#s1‘).combotree(‘tree‘).tree(‘find‘,arr[i]);

  $(‘#s1‘).combotree(‘tree‘).tree(‘check‘,node.target);

  $(‘#s1‘).combotree(‘tree‘).tree(‘expandAll‘, node.target);

}