加载数据
$('#treeul').tree({
checkbox:true,
url:'initTree.aspx',
onLoadSuccess:function(){
//绑定权限
$.ajax({
url:'getId.aspx?id='+v,
cache:false,
dataType:'text',
success:function(data){
var array = data.split(',');
for(var i=0;i<array.length;i++)
{
var node = $('#treeul').tree('find',array[i]);
$('#treeul').tree('check',node.target);
}
}
})
}
});
cache必须设置为false,意思为不缓存当前页,否则更改权限后绑定的权限还是上一次的操作结果.
dataType表示获取服务器发送的数据,"text"表示纯文本
保存选中的节点
$('#savebtn').click(function(){
$.ajax({
url:'nodeHandler.ashx?pnodes='+GetNode('fnode')+ '&cnodes='+GetNode('child') +'&id='+v,
cache:false,
success:function(data){
eval('data='+data);
if(data.success){
alert('保存成功');
window.location.href='Permission.aspx';
}
}
})
});
保存的时候,也必须将cache设置为false
GetNode方法
参数代表:父节点或子节点
function GetNode(type){
var node = $('#treeul').tree('getChecked');
var cnodes='';
var pnodes='';
var prevNode=''; //保存上一步所选父节点
for(var i=0;i<node.length;i++){
if($('#treeul').tree('isLeaf',node[i].target)){
cnodes+=node[i].id+',';
var pnode = $('#treeul').tree('getParent',node[i].target); //获取当前节点的父节点
if(prevNode!=pnode.id) //保证当前父节点与上一次父节点不同
{
pnodes+=pnode.id+',';
prevNode = pnode.id; //保存当前节点
}
}
}
cnodes = cnodes.substring(0,cnodes.length-1);
pnodes = pnodes.substring(0,pnodes.length-1);
if(type=='child'){return cnodes;}
else{return pnodes};
};
绑定tree的时候,只需要绑定子节点就可以了,父节点是根据子节点的状态决定是否选中的。一个父节点有2个子节点,如果我只绑定一个子节点,那么父节点的选择状态就不是“√”,如果2个子节点都有绑定的话,那么父节点的选中状态就是"√"
分享到:
相关推荐
easyui tree使用方式,詳細解釋其中使用方式。
easyui tree 改进版 ,支持复选框选择
easyui tree 三帧界面,右面动态显示图片和批注信息
jquery-easyui-tree学习 详情请看:http://blog.csdn.net/wild46cat/article/details/52763256
对easyui tree扁平化扩展,不用再为children嵌套结构烦恼,使用版本1.4.2
//这里使用的easyui1.3.6 //解决的问题是Tree控件的checkbox不能设置为不允许用户勾选 //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在...
JqueryEasyUI Tree 动态加载,稍作修改就可以用了,希望对有需要的人有帮助
简单的easyui tree 例子 。。。
easyui tree 例子
EasyUI Tree Combotree 的模糊所搜
内含数据库 及存储过程 主要以easyUI+JQuery+Ajax 实现后台数据交互的tree 及DataGrid 希望能帮到你的学习!
easyui Tree系统管理 实现树状图
使用方法如下: * $("#treeId").tree("search", searchText); * 其中,treeId为easyui tree的根UL元素的ID,searchText为检索的文本。 * 如果searchText为空或"",将恢复展示所有节点为正常状态 */ (function($)...
主要封装了easyui的表格删除添加修改查询以及tree和table和地图点的结合
easyUI tree增删改操作以及easyUI window分类的
easyui 生成简单的树,是一个学习的例子。
项目实现了权限登陆管理 项目以EasyUI为主 实现DataGrid 及tree 与后台交互 有HTML+JS+Ajax 也有ASP.net 的easyUI控件
完整的jquery easyui tree 树形列表节点异步加载demo,比官方demo详细得多。是前后台交互的web应用。
easyui tree demo简单又牛逼的异步tree, easyui tree demo简单又牛逼的异步tree,easyui tree demo简单又牛逼的异步tree
主要介绍了EasyUI Tree树组件无限循环的解决方法,需要的朋友可以参考下