首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Ext 四 实现动态生成树

2013-08-01 
Ext 4 实现动态生成树通过数据库查出数据,生成一个两层或者三层的树,请牛人指点下啊[解决办法]Ext.define(

Ext 4 实现动态生成树
通过数据库查出数据,生成一个两层或者三层的树,请牛人指点下啊
[解决办法]

Ext.define('TopMenu', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'name', type: 'string' }
    ],
    proxy: {
        type: 'ajax',
        url: 'http://localhost:3075/AjaxServices/MenuQuery',
        reader: {
            type: 'json',
            root: 'children'
        }
    }
});

var menuStore = Ext.create('Ext.data.TreeStore', {
    model: "TopMenu",
    root: {
        expanded: true
    }
});

Ext.create('Ext.tree.Panel', {
    renderTo: "left",
    width: 170,
    height: 500,
    store: menuStore,
    rootVisible: false,
    columns: [
        { xtype: 'treecolumn', header: '目录', dataIndex: 'name', flex: 1 }
    ],
    listeners: {
        'itemclick': function (view, record) {
            switch (record.data.name) {
                case "浏览量统计":
                    window.location.href = "general.html";
                    break;
                default :


                    console.info(record.data);
                    break;
            }
        }
    }
});


先建model,再建Store,最后建Tree,在官方的例子里有详细的

热点排行