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 }
          ]

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

1 个答案: