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":""}]}