源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

关于extjs treepanel复选框选中父节点与子节点的问题

  • 时间:2022-05-20 15:30 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:关于extjs treepanel复选框选中父节点与子节点的问题
[img]http://files.jb51.net/file_images/article/201304/201342145725781.jpg?20133215059[/img]   extjs 如图,实现带有复选框的树,选中父节点时,选中所有子节点。取消所有子节点时,才能取消根节点。
[u]复制代码[/u] 代码如下:
var Fpanel = new Ext.tree.TreePanel({ id:'ptree', region:'west', layout:'anchor', border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ "checkchange": function(node, state) { if (node.parentNode != null) { //子节点选中 node.cascade(function(node){ node.attributes.checked = state; node.ui.checkbox.checked = state; return true; }); //父节点选中 var pNode = node.parentNode; if (state || Fpanel.getChecked(id, pNode) == "") { pNode.ui.toggleCheck(state); pNode.attributes.checked = state; } } } } }); authorityTree(Fpanel); var authorityTree = function(Fpanel){ Ext.Ajax.request({ url: 'authorityTree.ashx', method:'get', success: function(request) { var data = Ext.util.JSON.decode(request.responseText); Fpanel.getRootNode().appendChild(data); Fpanel.getRootNode().expandChildNodes(true); Fpanel.expandAll(); }, failure: function() { Fpanel.render(); Ext.MessageBox.show({ title: '提示', msg: '服务器忙,请使用火狐浏览器浏览或稍后重试!', buttons: Ext.MessageBox.OK, icon: Ext.MessageBox.ERROR }); } }); }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部