6.12 星期三
一、easyUI的tree
1. lines:true tree的前面有虚线
2. loadData:tree加载数据
var data=[{},{},...]; //data是一个jason的数组
$('#tt').tree('loadData',data);
3.异步树只需要一个url
4.checkbox:true 节点前有一个复选框
5.cascadeCheck:true 级联选中 选中子节点,父节点有一个半选状态
6.var c= $('#tt').tree('getChecked');
获得选中的节点
7.自动展开树的所有节点
1).利用tree的onLoadSuccess事件
onLoadSuccess事件: tree加载数据成功后调用的方法
//node:当前节点 data:当前节点的值
onLoadSuccess:function(node,data){
var t=$(this);
if(data){
$(data).each(function(index,d){
if(this.state=='closed'){
t.tree('expandAll');
}
})
}
}
2).需要后台返回时,就要携带children
8. animate:true 定义节点在展开或折叠的时候是否显示动画效果。
9.onlyLeafCheck:true 只有叶子节点才有复选框
此时必须具有checkbox:true属性
10.dnd:true 使树中的节点具有拖拽功能
11.var data=[{},{},...]; //data是一个jason的数组
$('#tt').tree({
data:data
});
tree的事件
12. onClick:在用户点击一个节点的时候触发。
$('#tt').tree({
onClick: function(node){
alert(node.text); // 在用户点击的时候提示
}
});
13.onBeforeLoad:在请求加载远程数据之前触发,返回false可以取消加载操作
6.12 星期三
猜你喜欢
转载自www.cnblogs.com/houchen/p/11013592.html
今日推荐
周排行