日期:2014-05-16  浏览次数:20495 次

EXTJS 4 动态加载GRID

EXTJS 4 动态加载GRID

Ext.onReady(function()?{

????Ext.Ajax.request({
????????url:?"/Sys_Module/GetGridInfo",
????????params:?{},
????????success:?function(response,?config)?{
????????????json?=?Ext.JSON.decode(response.responseText); ?//加载grid信息,具体json格式在下面

????????????var?Sys_RolePermissionList;
????????????var?Sys_RolePermissionStore;
????????????//?功能模块grid展示
????????????Sys_RolePermissionList?=?function()?{
????????????????var?url?=?"/Sys_RolePermission/List";
????????????????//var?sm?=?Ext.create('Ext.selection.RowModel');

????????????????//grid?填充
????????????????Ext.define('Sys_RolePermissionGridModel',?{
????????????????????extend:?'Ext.data.Model',
????????????????????fields:?json.fieldsNames
????????????????});

????????????????var?groupingFeature?=?Ext.create('Ext.grid.feature.Grouping',?{
????????????????????groupHeaderTpl:?'text1:?{name}?({rows.length}?Item{[values.rows.length?>?1???"s"?:?""]})'
????????????????});

????????????????//grid获取?json数组
????????????????Sys_RolePermissionStore?=?Ext.create('Ext.data.Store',?{
????????????????????pageSize:?10,
????????????????????model:?'Sys_RolePermissionGridModel',
????????????????????buffered:?true,
????????????????????groupField:?'text1',
????????????????????data:?json.data,
????????????????????proxy:?{
????????????????????????//actionMethods:?'post',
????????????????????????type:?'memory'
????????????????????????//url:?url,
????????????????????????//