首页 > Web开发 > 详细

[extjs] ExtJS4 treepanel 子节点选中父节点自动选中,选中父节点 子节点自动全部选中

时间:2016-07-14 07:11:38      阅读:677      评论:0      收藏:0      [点我收藏+]

 

ExtJS4 treepanel 主要添加viewConfig重的代码:
xtype:‘treepanel‘,
store: menuStore,
id:‘menuTreePanel‘,
viewConfig : {   //checkbox联动
onCheckboxChange : function(e, t) {
var item = e.getTarget(this.getItemSelector(), this.getTargetEl()), record;
if (item){
              record = this.getRecord(item);
var check = !record.get(‘checked‘);
record.set(‘checked‘, check);
if (check) {
                  record.bubble(function(parentNode) {
                      parentNode.set(‘checked‘, true);
parentNode.expand(false, true);
});
record.cascadeBy(function(node) {
                      node.set(‘checked‘, true);
node.expand(false, true);
});
} else {
                  record.cascadeBy(function(node) {
                      node.set(‘checked‘, false);
});
}
          }
      }
  },
/*  selModel: {
      selType: ‘checkboxmodel‘
  },*/
columns: [
      { xtype:‘treecolumn‘,text: ‘菜单名称‘,width:450,  dataIndex: ‘text‘,sortable:false},
{ text: ‘菜单ID‘,hidden:true,hideable:false, dataIndex: ‘id‘,align:‘center‘,sortable:false}
  ]

  效果图:

技术分享

效果图
 
技术分享

[extjs] ExtJS4 treepanel 子节点选中父节点自动选中,选中父节点 子节点自动全部选中

原文:http://www.cnblogs.com/lonelywolfmoutain/p/5668869.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!