ExtJS 4 treepanel带复选框问题

时间:2011-07-14 14:19:16

标签: extjs extjs4 extjs-mvc

我们在应用程序中使用带有复选框的treepanel。看起来像是:

  

var treepanel = {
      id:'tree',
      xtype:'treepanel',
      store:layerStore,
      rootVisible:false,
      听众:{
      checkchange:function(node,check){
      if(node.get('id')=='teacher'){
      警报('您选择了教师节点');
      } else if(node.get('id')=='student'){alert('你选择了学生节点'); }
      }
      }
      };

LayerStore代码:

var layerStore = Ext.create('Ext.data.TreeStore',{
root : {
children : [
{
text : 'teacher layer',
id : 'teacher',
checked : false
},{
text : 'Student layer',
id : 'student',
checked : false
}]
}

});

现在,当我们检查特定复选框时,我收到警告消息。我的问题是,如果我们取消选中该复选框,则必须显示警报,就像您取消选择某个特定图层一样。请帮助我。

1 个答案:

答案 0 :(得分:1)

我猜您必须将“检查更改”处理程序更改为:

checkchange : function(node,check){
  var s = (!check && 'un' || '' ) + 'selected';

  if(node.get('id') == 'teacher'){
    alert('you have '+s+' teacher node');
  }else if(node.get('id') == 'student'){ alert('you have '+s+' student node'); }
}