[求代码]关于后台生成复选框树的代码 如题所述,从后台生成一颗树型菜单在页面显示,树菜单节点的内容来自数据库,非XML文件.如果代码太长的话,麻烦打个包发送到指定的邮件:[email protected]并注明你在CSDN的ID号,如果分不够,可以要求再加. 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 在ext1.x里,树是没有checkbox的, 幸好在2.X版本里提供了这个功能, 在许多应用里, 带有checkbox的树使用还是很常见的 Ext2.X提供了简单的checkbox实现,但对于一些复杂的需求,如: 级联多选(选中父结点,自选中其所有子结点和所有父结点) , 单选等等, Ext2.X并没有帮我们实现 还有最难解决的情况, 当树是异步的时候, 要想级联多选, 实现起来有些难度 在此, 通过对Ext.tree.TreeNodeUI进行扩展,这些问题都得到很好的解决对 Ext.tree.TreeNodeUI 进行checkbox功能的扩展,后台返回的结点信息不用非要包含checked属性扩展的功能点有:一、支持只对树的叶子进行选择 只有当返回的树结点属性leaf = true 时,结点才有checkbox可选 使用时,只需在声明树时,加上属性 onlyLeafCheckable: true 既可,默认是false二、支持对树的单选 只允许选择一个结点 使用时,只需在声明树时,加上属性 checkModel: "single" 既可三、支持对树的级联多选 当选择结点时,自动选择该结点下的所有子结点,或该结点的所有父结点(根结点除外),特别是支持异步,当子结点还没显示时,会从后台取得子结点,然后将其选中/取消选中 使用时,只需在声明树时,加上属性 checkModel: "cascade" 或"parentCascade"或"childCascade"既可 cascade :级联选中所有父结点和子结点 parentCascade :级联选中所有父结点 childCascade :级联选中所有子结点四、添加"check"事件 该事件会在树结点的checkbox发生改变时触发 使用时,只需给树注册事件,如: tree.on("check",function(node,checked){...});默认情况下,checkModel为'multiple',也就是多选;onlyLeafCheckable为false,所有结点都可选使用方法:在loader里加上 baseAttrs:{uiProvider:Ext.ux.TreeCheckNodeUI} 既可.例如:Js代码 var tree = new Ext.tree.TreePanel({ el:'tree-ct', width:568, height:300, checkModel: 'cascade', //对树的级联多选 onlyLeafCheckable: false,//对树所有结点都可选 animate: false, rootVisible: false, autoScroll:true, loader: new Ext.tree.DWRTreeLoader({ dwrCall:Tmplt.getTmpltTree, baseAttrs: { uiProvider: Ext.ux.TreeCheckNodeUI } //添加 uiProvider 属性 }), root: new Ext.tree.AsyncTreeNode({ id:'0' }) }); tree.on("check",function(node,checked){alert(node.text+" = "+checked)}); //注册"check"事件 tree.render(); var tree = new Ext.tree.TreePanel({ el:'tree-ct', width:568, height:300, checkModel: 'cascade', //对树的级联多选 onlyLeafCheckable: false,//对树所有结点都可选 animate: false, rootVisible: false, autoScroll:true, loader: new Ext.tree.DWRTreeLoader({ dwrCall:Tmplt.getTmpltTree, baseAttrs: { uiProvider: Ext.ux.TreeCheckNodeUI } //添加 uiProvider 属性 }), root: new Ext.tree.AsyncTreeNode({ id:'0' }) }); tree.on("check",function(node,checked){alert(node.text+" = "+checked)}); //注册"check"事件 tree.render(); 需要注意的是, 使用例子里的Tree 使用了Ext.tree.DWRTreeLoader这个扩展类,用来加载后台树结点,这和使用其它的loader没有区别的,如果您使用其它的loader, 同样加上 baseAttrs: { uiProvider: Ext.ux.TreeCheckNodeUI } 就行了 完全代码下载你去这个博客去下载吧http://www.javaeye.com/topic/164426就是在这篇文章下面,你注册一下就可以下载了 一个页面提交,另一个页面刷新怎么实现啊 服务器端如何循环取到客户端脚本动态生成的html元素的值 jsp:include动作的问题 用户登陆出现了大问题 跪求JQUERS案例一个? 求你们帮个忙啊!补充代码 删除数据代码 关于用iText生成pdf组件的定位问题,请帮忙解答 高分求一段像csdn左边的树状控件的代码 请帮忙测试框架与菜单 JSTL标签的问题 jsp发送XML通过URL 求sql高手一个简单的同名查询语句,表及数据都有。只需写出sql语句即可得分
对 Ext.tree.TreeNodeUI 进行checkbox功能的扩展,后台返回的结点信息不用非要包含checked属性
扩展的功能点有:
一、支持只对树的叶子进行选择
只有当返回的树结点属性leaf = true 时,结点才有checkbox可选
使用时,只需在声明树时,加上属性 onlyLeafCheckable: true 既可,默认是false二、支持对树的单选
只允许选择一个结点
使用时,只需在声明树时,加上属性 checkModel: "single" 既可三、支持对树的级联多选
当选择结点时,自动选择该结点下的所有子结点,或该结点的所有父结点(根结点除外),特别是支持异步,当子结点还没显示时,会从后台取得子结点,然后将其选中/取消选中
使用时,只需在声明树时,加上属性 checkModel: "cascade" 或"parentCascade"或"childCascade"既可
cascade :级联选中所有父结点和子结点
parentCascade :级联选中所有父结点
childCascade :级联选中所有子结点四、添加"check"事件
该事件会在树结点的checkbox发生改变时触发
使用时,只需给树注册事件,如:
tree.on("check",function(node,checked){...});默认情况下,checkModel为'multiple',也就是多选;onlyLeafCheckable为false,所有结点都可选使用方法:在loader里加上 baseAttrs:{uiProvider:Ext.ux.TreeCheckNodeUI} 既可.例如:Js代码
var tree = new Ext.tree.TreePanel({
el:'tree-ct',
width:568,
height:300,
checkModel: 'cascade', //对树的级联多选
onlyLeafCheckable: false,//对树所有结点都可选
animate: false,
rootVisible: false,
autoScroll:true,
loader: new Ext.tree.DWRTreeLoader({
dwrCall:Tmplt.getTmpltTree,
baseAttrs: { uiProvider: Ext.ux.TreeCheckNodeUI } //添加 uiProvider 属性
}),
root: new Ext.tree.AsyncTreeNode({ id:'0' })
});
tree.on("check",function(node,checked){alert(node.text+" = "+checked)}); //注册"check"事件
tree.render(); var tree = new Ext.tree.TreePanel({
el:'tree-ct',
width:568,
height:300,
checkModel: 'cascade', //对树的级联多选
onlyLeafCheckable: false,//对树所有结点都可选
animate: false,
rootVisible: false,
autoScroll:true,
loader: new Ext.tree.DWRTreeLoader({
dwrCall:Tmplt.getTmpltTree,
baseAttrs: { uiProvider: Ext.ux.TreeCheckNodeUI } //添加 uiProvider 属性
}),
root: new Ext.tree.AsyncTreeNode({ id:'0' })
});
tree.on("check",function(node,checked){alert(node.text+" = "+checked)}); //注册"check"事件
tree.render();
需要注意的是, 使用例子里的Tree 使用了Ext.tree.DWRTreeLoader这个扩展类,用来加载后台树结点,这和使用其它的loader没有区别的,如果您使用其它的loader, 同样加上 baseAttrs: { uiProvider: Ext.ux.TreeCheckNodeUI } 就行了
http://www.javaeye.com/topic/164426
就是在这篇文章下面,你注册一下就可以下载了