treeGrid的使用方法

来源：互联网发布：java运算符优先级编辑：程序博客网时间：2024/04/30 16:48

store的定义：

  var menuStore = Ext.create('Ext.data.TreeStore', {        proxy:{            type:'ajax',            url:'/manager/doc/index-menu'        },        root:{            id:menu_id,            text:'目录',            expanded:true        }    });

data的数据类型：

[    {        "id": "2",        "text": "URL规则",        "leaf": "1"    },    {        "id": "5",        "text": "权限",        "leaf": "1"    },    {        "id": "6",        "text": "常量",        "leaf": "1"    },    {        "id": "22",        "text": "分表策略",        "leaf": "1"    }]

view的定义：

var menu = Ext.create('Ext.tree.Panel', {        listeners:{            itemcontextmenu:function (me, record, item, index, event) {                event.preventDefault();                contextmenu.showAt(event.getXY());            },            itemclick:function (me, node) {                var id = node.internalId;                opt.load(id);            }        },        columns: [            {                xtype: 'treecolumn', //这个xtype是treegrid的核心                text: '菜单',                flex: 2,                dataIndex: 'text'            },            {                text: 'ID',                flex: 1,                dataIndex: 'id'            }        ],        region:'west',        width:280,        expand:true,        store:menuStore,        border:false    });

0 0