三.级联页面（左边树右边grid）

var data_xmpc;

function selectXm(e) {
    if (e.keyCode == 13) {
        var new_params = {
            type: "getProject",
            pid: Ext.getCmp('tzmc').value
        };
        Ext.apply(_store_TGrid_xmb_xmb.proxy.extraParams, new_params);
        _store_TGrid_xmb_xmb.load({
            callback: function(records, options, success) {
                _grid_TGrid_xmb_xmb.expandAll();
            }
        });
    }
}

Ext.onReady(function() {
    Ext.Ajax.request({
        url: 'appAgentAction!runAgent.action?agentId=Agent_XM006_getProjTree&type=getBatch',
        async: false,
        success: function(response) {
            var text = response.responseText;
            if (text != null && text != "") {
                data_xmpc = Ext.JSON.decode(text);
            }
        }
    });
//其中上面ajax请求返回的数据格式为[{"name":"","value":""},{"name":"","value":""}]
     var Tools_TGrid_C001_xmb_tzjh2 = ['-', {        width: 200,        id: "tzmc",        name: "tzmc",        emptyText: "项目批次",        allowBlank: false,        //afterLabelTextTpl : _allowBlank_required,        xtype: 'combobox',        triggerAction: 'all',        queryMode: 'local',        displayField: 'name',        valueField: 'value',        store: {            storeId: 'storeId_xhgg',            fields: [{                name: 'name'            },            {                name: 'value'            }]        },        listeners: {            afterrender: function(the, eOpts) {                var store = the.getStore();                store.loadData(data_xmpc);                if (data_xmpc.length > 0) {                    the.select(data_xmpc[0].value);                }            },            change: function(field, newValue, oldValue) {                selectXm({                    keyCode: 13                });            }        },        typeAhead: false    }];    appId = GetUrlParam('appId');    Ext.tip.QuickTipManager.init();    var Tools_TGrid_xmb_xmb = ['-', {        xtype: 'button',        id: 'Btn_TGrid_xmb_xmb_addNode1',        iconCls: 'icon-add',        text: '查看',        disabled: false,        handler: function() {}    }];    var Tools_DForm_st_xmb_find1;    Ext.define('_model_TGrid_xmb_xmb', {        extend: 'Ext.data.Model',        fields: [{            name: 'projName',            type: 'string'        },        {            name: 'projNumb',            type: 'string'        },        {            name: 'fillUnit',            type: 'string'        },        {            name: 'leaf',            type: 'boolean'        },        {            name: 'Id',            type: 'string'        }]    });    _store_TGrid_xmb_xmb = Ext.create('Ext.data.TreeStore', {        storeId: '_storeId_TGrid_xmb_xmb',        model: '_model_TGrid_xmb_xmb',        root: {            id: 'NULL',            xmmc: 'NULL',            appId: 'XM004'        },        proxy: {            type: 'ajax',            url: 'appAgentAction!runAgent.action?agentId=Agent_XM006_getProjTree&appId=XM006',            reader: {                type: 'json'            }        }    });    _grid_TGrid_xmb_xmb = Ext.create('Ext.tree.TreePanel', {        height: '100%',        autoScroll: true,        listeners: {            itemclick: function(the, record, item, index, e, eOpts) {                click(the, record, item, index);            }        },        forceFit: true,        columns: [{            header: '<font class="x-grid-header-font">项目名称</font>',            dataIndex: 'projName',            xtype: 'treecolumn',            menuDisabled: true,            style: 'text-align:center;',            align: '2',            width: 380        },        {            header: '<font class="x-grid-header-font">项目编号</font>',            dataIndex: 'projNumb',            menuDisabled: true,            style: 'text-align:center;',            align: '1',            hidden: true,            width: 180        }],        border: 0,        autoScroll: true,        split: true,        useArrows: false,        rowLines: true,        frame: _cascadePage_frame,        singleExpand: false,        store: _store_TGrid_xmb_xmb,        rootVisible: false,        tbar: Tools_TGrid_C001_xmb_tzjh2,        listeners: {            itemclick: function(the, record, item, index, e, eOpts) {                //alert("--");                var leftPage = document.getElementsByTagName("iframe")["centerframe"].contentWindow;                console.info(leftPage);                leftPage.onItemClick(the, record, item, index);            }        }    });    _grid_TGrid_xmb_xmb.expandAll();    ViewPort = Ext.create('Ext.Viewport', {        layout: 'border',        border: 0,        frame: _cascadePage_frame,        defaults: {            height: '100%',            border: 0,            layout: 'fit'        },        items: [{            region: 'center',            id: 'app-center-panel',            width: document.body.clientWidth - 350,            bodyPadding: _bodyPadding_cascadePage_border_center,            items: {                xtype: 'panel',                frame: _cascadePage_frame,                html: "<iframe width=100% height=100%  src='" + baseUrl + "/admin/appDefaultFormAction!showForm.action?formId=DForm_XM006_PROJ_APPR_LeftPag' scrolling='auto' overflow-x='no' style='overflow-x:no;' id='centerframe' frameborder=0 ></iframe>"            }        },        {            id: 'app-west-panel',            region: 'west',            width: 350,            bodyPadding: _bodyPadding_cascadePage_border_west,            items: _grid_TGrid_xmb_xmb        }]    });    _pageOnLoad();    pageOnLoad();});