checkbox - 如何在 extjs4 中向树节点添加复选框

Question

我在 extjs4 工作。我的树面板视图为-

Ext.define('Balaee.view.qb.qbquestion.tree1', {

    extend: 'Ext.tree.Panel',
    title: 'Simple Tree',
    width: 200,
    height: 150,
    alias : 'widget.tree1',
   //store: 'qb.qbquestioncomplexityStore',
    rootVisible: true,
    renderTo: Ext.getBody()
});

在控制器中，我创建了静态存储。并将其绑定到此视图。代码如下-

 var store = Ext.create('Ext.data.TreeStore', {
            root: {
                expanded: true,
                children: [
                    { text: "detention", leaf: true },
                    { text: "homework", expanded: true, children: [
                        { text: "book report", leaf: true },
                        { text: "algebra", leaf: true}
                    ] },
                    { text: "buy lottery tickets", leaf: true }
                ]
            }
        });

     var bchart=Ext.create('Balaee.view.qb.qbquestion.tree1',{
         store:store

     });
     var comp=Ext.getCmp('QuestionView');
     comp.removeAll();
     comp.add(bchart);

它工作正常。它正确显示树面板视图。但是如何向这个树节点添加复选框呢？

Answer 1

您需要向checked树节点数据添加属性true或false。此属性的存在将告诉 ExtJs 为节点添加复选框。

children树的节点定义示例：

children: [
                    { text: "detention", leaf: true, checked: true },
                    { text: "homework", expanded: true, children: [
                        { text: "book report", leaf: true },
                        { text: "algebra", leaf: true, checked: false}
                    ] },
                    { text: "buy lottery tickets", leaf: true }
          ]