您的位置:首页 > Web前端 > JavaScript

Extjs异步加载树

2014-02-11 17:35 316 查看
store代码: 

var storeTree_<?=$jsObjectSuffix?> = Ext.create('Ext.data.TreeStore', {

        nodeParam: 'PID',

        fields: [

            {name: 'text', type: 'string'},

            {name: 'iconCls', type: 'string'},

            {name: 'className', type: 'string'}

        ],

        proxy: {

            type: 'ajax',

            url: 'url'

        },

        root: {

            text: '根节点',

            id: 0,

            expanded: true

        },

        reader:{

            type: 'json'

        },

        autoLoad: true
    });

Ext.tree.panel代码:

{

                xtype: "button",

                text: "查看权限树",

                handler: function(){

                    Ext.create('Ext.window.Window', {

                        title: '权限树',

                        closeAction: 'hide',

                        width: 450,

                        height: 300,

                        layout: 'fit',

                        modal:true,

                        items:[

                            {

                                xtype: 'treepanel',

                                rootVisible: false,

                                width: 200,

                                height: 150,

                                store: storeTree_<?=$jsObjectSuffix?>,

                                listeners:{

                                    'load': function(treestore, node, record, success){

                                        if(success && record.length>0){

                                            node.set('leaf', false);

                                        }else{

                                            node.set('leaf', true);

                                        }

                                    }

                                }

                            }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: