当前位置: 代码迷 >> JavaScript >> Extjs 4.0.7 中经验总结(-继续更新)
  详细解决方案

Extjs 4.0.7 中经验总结(-继续更新)

热度:365   发布时间:2012-10-21 09:00:07.0
Extjs 4.0.7 中经验总结(--持续更新)

1、treepanel 的动态加载

   var treeStore1 = Ext.create('Ext.data.TreeStore', {
        autoLoad : true,
        proxy: {
            type: 'ajax',
            url: 'ashx/GetErptreeJson.ashx'    //指名该连接即可,系统会自动加上'ashx/GetErptreeJson.ashx?node='01' 参数,只要在该网页中处理即可。
        },
        root: {
            nodeType: 'async',
            text: 'Erp管理菜单',
            id: '00',                          //指名首次node参数为‘00’,既ashx/GetErptreeJson.ashx?node='00'
            expanded: true
        }
    });

json 格式:

[{id:'01-02-01',text:'testform1',qtip:'js/xxx.js',qtitle:'xxx.js',url:'xxx.htm',leaf:true},{id:'01-02-01',text:'testform1',qtip:'js/xxx.js',qtitle:'xxx.js',url:'xxx.htm',leaf:true}]


2、viewreport 中 center Tab页中GridPanel 宽度没有自动适应解决

    var grid = Ext.create('Ext.grid.Panel', {
        store: 'DataStore',   //'DataStore',JsonStore
        selModel: sm,         //---checkbox 模式
        collapsible: false,
        iconCls: 'icon-grid',
        frame: true,           //显示Grid整个框架
        height: 700,
        region:'center',   //指定该参数即可

        。。。。


3、GridPanel 显示json数据格式

    Ext.define('MyData', {
        extend: 'Ext.data.Model',
        fields: [{ name: 'FormID',type: 'string'}        //指明 int类型 ,在排序时将按数字大小排序
        , 'FormName'
        , { name: 'FormCode', type: 'string' }
        , { name: 'WebPath', type: 'string' }
        ]
    });

    var mystore = Ext.create('Ext.data.Store', {
        storeId: 'DataStore',
        pageSize: 50,
        autoLoad: true,
        model: 'MyData',
        sorters: ['FormID'],  //['FormID', 'FormName'],
       
        sortInfo: { field: 'FormID', direction: "DESC" },
        proxy: {
            type: 'ajax',
            url: 'ashx/system/Comm_Grant_FormJson.ashx',    //'../ashx/TestJobData.ashx','TestJsonData.json', 'JobData.json'  //'GetExtjsData.aspx?parm=List',     
            reader: {
                type: 'json',
                root: 'data',        //重点要指明实际数据的对象
                id: "FormID",
                totalProperty: 'totalCount'
            }
        }
    });


json文件格式:

{totalCount:30,success:true,error:"",singleInfo:"",data:[{"FormID":"01","FormName":"【物料管理】","FormCode":"","WebPath":""},{"FormID":"01-01","FormName":"〖基本资料〗","FormCode":"","WebPath":""}]}



  相关解决方案