Ext 同一个grid加载不同数据

最新推荐文章于 2019-08-28 09:49:08 发布
最新推荐文章于 2019-08-28 09:49:08 发布
阅读量133 收藏
点赞数
分类专栏： Ëxt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woyizhizaizhaoni/article/details/98180799
版权 
var depNote;//tree id
var date=new Date();
var nowyear=date.getFullYear();
Ext.onReady(function() {
    //-----number
    var numStore = Ext.create('Ext.data.Store', {
        id: 'numStore',
        autoLoad: false,
       // fields: ['V_COUNT_PLAN', 'V_COUNT_DET', 'V_COUNT_OPIN', 'V_NUM_STA_RUL', 'V_NUM_APP_RULE', 'V_NUM_PUB_RUL', 'RULE_DUTY_DESC', 'V_NUM_JUN_RUL', 'V_NUM_UPDT_RUL'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/stat_rule',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
//---tree
    Ext.define('departModel', {
        extend: 'Ext.data.Model',
        fields: ['id', 'name'],
        proxy: {
            type: 'ajax',
            actionMethods: {
                read: 'POST'
            },
            url: AppUrl + 'baseSet/acqDepart',
            extraParams: {
                v_supercode: "-1"
            }
        }
    });
    var departStore = Ext.create('Ext.data.TreeStore', {
        id: 'dataStore',
        model: 'departModel',
        autoLoad: true,
        fields: ['id', 'name'],
        root: {
            text: '根节点',
            expanded: true
        }
    });
    var departTree = Ext.create('Ext.tree.Panel', {
        // renderTo:document.body,
        id: 'departTree',
        region: 'center',
        width: 200,
        store: departStore,
        autoScroll: true,
        reserveScrollbar: true,
        loadMask: true,
        useArrows: true,
        rootVisible: false,
        columns: [{
            xtype: 'treecolumn',
            text: '部门编码',
            flex: 1.5,
            sortable: true,
            dataIndex: 'id'
        }, {
            text: '部门名称',
            flex: 1.8,
            dataIndex: 'name'
        }], listeners: {
            itemclick: function (node, e) {
                depNote = e.get('id');
                Ext.Ajax.request({
                    url: AppUrl + 'Jrule04/stat_rule',
                    method: 'POST',
                    async: false,
                    params: {
                        v_year: nowyear,
                        v_departcode: depNote
                    },
                    success: getnum
                });
            }
        }
    });
    //----sel
    //--计划
    var aStore=Ext.create('Ext.data.Store',{
        id: 'aStore',
        autoLoad: false,
        fields: ['PLAN_ID', 'RULE_NAME', 'RULE_ID','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','PLAN_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selClasPlan',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
    //------立项
    var bStore=Ext.create('Ext.data.Store',{
        id: 'bStore',
        autoLoad: false,
        fields: ['DETAIL_ID', 'RULE_NAME', 'RULE_ID','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','PLAN_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selClasdet',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
    //----------征求意见
    var cStore=Ext.create('Ext.data.Store',{
        id: 'cStore',
        autoLoad: false,
        fields: ['OPINION_ID', 'RULE_NAME', 'RULE_CODE','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','RULE_DUTY_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selClasOp',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
    //-------起草
    var dStore=Ext.create('Ext.data.Store',{
        id: 'dStore',
        autoLoad: false,
        fields: ['OPINION_ID', 'RULE_NAME', 'RULE_CODE','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','RULE_DUTY_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selRuleDraft',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
//-------审批
    var eStore=Ext.create('Ext.data.Store',{
        id: 'eStore',
        autoLoad: false,
        fields: ['RULE_ID', 'RULE_NAME', 'RULE_CODE','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','RULE_DUTY_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selApprove',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
//-----发布
    var fStore=Ext.create('Ext.data.Store',{
        id: 'fStore',
        autoLoad: false,
        fields: ['RULE_ID', 'RULE_NAME', 'RULE_CODE','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','RULE_DUTY_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selPublic',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
//---------修订
    var gStore=Ext.create('Ext.data.Store',{
        id: 'gStore',
        autoLoad: false,
        fields: ['RULE_ID', 'RULE_NAME', 'RULE_CODE','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','RULE_DUTY_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selRevise',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
    //------废止
    var hStore=Ext.create('Ext.data.Store',{
        id: 'hStore',
        autoLoad: false,
        fields: ['RULE_ID', 'RULE_NAME', 'RULE_CODE','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC','RULE_SCOPE','RULE_SCOPE_DESC','RULE_DUTY_DEPART','DEPARTNAME','RULE_TYPE','RULE_TYPE_DESC'],
        proxy: {
            type: 'ajax',
            async: false,
            url: AppUrl + 'Jrule04/selAbolish',
            actionMethods: {
                read: 'POST'
            },
            reader: {
                type: 'json',
                root: 'ret',
                total: 'total'
            }
        }
    });
    var leftpanel= Ext.create('Ext.panel.Panel', {
        id: 'leftpanel',
        region: 'west',
        width: 300,
        layout: 'border',
        frame: true,
        border: false,
        baseCls: 'my-panel-no-border',
        items: [departTree]
    });
    var toolbar=Ext.create("Ext.toolbar.Toolbar", {
        id: 'toolbar',
        border: false,
        height: 50,
        items:[  {xtype:"combobox",id:'yearT',fieldLabel:'编制年度',store:getYear(),
            displayField: "DISFIELD",valueField: "VALUE",emptyText: "--请选择--",style: ' margin: 3px 3px 2px 30px',value:new Date().getFullYear(),
            listeners:{select:function(){
                    if(depNote) {
                        Ext.Ajax.request({
                            url: AppUrl + 'Jrule04/stat_rule',
                            method: 'POST',
                            async: false,
                            params: {
                                v_year:Ext.getCmp('yearT').getValue(),
                                v_departcode: depNote
                            },
                             success: getnum
                        });
                    }
                    else{
                        alert('请先选择一个部门，再选择年度');
                    }
                }}}
        ]
    });
    var sgrid=Ext.create('Ext.grid.Panel', {
        region: 'center',
        id: 'sgrid',
        columnLines: true,
        width: '100%',
        autoScroll: true,
     //   store: aStore,
        autoWidth: 950,
        height: 350,
        columns:[Ext.create('Ext.grid.RowNumberer',{header:'序号',width:50,align:'center',sortable:true}),
            {header:'规章制度名称',dataIndex: 'RULE_NAME',sortable:true,align:'center',width:151},
            {header:'生命周期状态',dataIndex: 'RULE_RUN_STATUS_DESC',sortable:true,align:'center',width:151},
            {header:'管理职能',dataIndex: 'RULE_DUTY_DESC',sortable:true,align:'center',width:121},
            {header:'核心业务',dataIndex: 'RULE_SCOPE_DESC',sortable:true,align:'center',width:121},
            {header:'责任单位',dataIndex: 'DEPARTNAME',sortable:true,align:'center',width:121},
            {header:'类别',dataIndex: 'RULE_TYPE_DESC',sortable:true,align:'center',width:101}
        ]});
    var cpanel= Ext.create('Ext.window.Window',{
        id:'cpanel',
        width:830,
        height:357,
        x:310,
        y:190,
        closeAction:'hide',
        items:[sgrid]
    });

    var rightpanel=Ext.create('Ext.panel.Panel', {
        frame: true,
        id: 'rightpanel',
        layout: 'border',
        region:'center',
        border: true,
        width: 825,
        autoWidth:true,
        tbar:[toolbar],
        items:[ {xytpe:'panel',region:'north',layout:'hbox',
        items:[
            { xtype:'box',id:'imga',width:80,height:80,text:'计划',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_plan.png'
                  }, listeners:{el:{click : pica}}}, //--a
            { xtype:'box',width:80,height:80,autoEl:{tag:'img',src:'../../images/Page_0405img/green_jt.png'}},
            { xtype:'box',id:'imgb',width:80,height:80,text:'立项',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_stat.png'
                }, listeners:{el:{click : picb}}}, //--b
            { xtype:'box',width:80,height:80,autoEl:{tag:'img',src:'../../images/Page_0405img/green_jt.png'}},
            { xtype:'box',id:'imgc',width:80,height:80,text:'征求意见',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_opin.png'
                }, listeners:{el:{click : picc}}}, //--c
            { xtype:'box',width:80,height:80,autoEl:{tag:'img',src:'../../images/Page_0405img/green_jt.png'}},
            { xtype:'box',id:'imgd',width:80,height:80,text:'起草',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_qic.png'
                }, listeners:{el:{click : picd}}}, //--d
            { xtype:'box',width:80,height:80,autoEl:{tag:'img',src:'../../images/Page_0405img/green_jt.png'}},
            { xtype:'box',id:'imge',width:80,height:80,text:'审批',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_approval.png'
                }, listeners:{el:{click : pice}}}, //--e
            { xtype:'box',width:80,height:80,autoEl:{tag:'img',src:'../../images/Page_0405img/green_jt.png'}},
            { xtype:'box',id:'imgf',width:80,height:80,text:'发布',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_public.png'
                }, listeners:{el:{click : picf}}}, //--f
            { xtype:'box',width:80,height:80,autoEl:{tag:'img',src:'../../images/Page_0405img/green_jt.png'}},
            { xtype:'box',id:'imgg',width:80,height:80,text:'修订',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_revise.png'
                }, listeners:{el:{click : picg}}}, //--g
            { xtype:'box',width:80,height:80,autoEl:{tag:'img',src:'../../images/Page_0405img/green_jt.png'}},
            { xtype:'box',id:'imgh',width:80,height:80,text:'废止',autoEl:{ tag:'img',id:'img0',src:'../../images/Page_0405img/c_abolish.png'
                }, listeners:{el:{click : pich}}} //--h
            ]},
            {xytpe:'panel',region:'north',layout:'hbox',
                items:[
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 5px 3px 3px '},
                    {xtype:'label',width:40, id:'num1',style:'margin:3px 80px 3px 3px '},
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 2px 3px 3px '},
                    {xtype:'label',width:40, id:'num2',style:'margin:3px 78px 3px 3px '},
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 2px 3px 3px '},
                    {xtype:'label',width:40, id:'num3',style:'margin:3px 78px 3px 3px '},
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 2px 3px 3px '},
                    {xtype:'label',width:40, id:'num4',style:'margin:3px 78px 3px 3px '},
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 2px 3px 3px '},
                    {xtype:'label',width:40, id:'num5',style:'margin:3px 78px 3px 3px '},
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 2px 3px 3px '},
                    {xtype:'label',width:40, id:'num6',style:'margin:3px 78px 3px 3px '},
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 2px 3px 3px '},
                    {xtype:'label',width:40, id:'num7',style:'margin:3px 78px 3px 3px '},
                    {xtype:'label',text:'数量',width:40,style:'margin:3px 2px 3px 3px '},
                    {xtype:'label',width:40, id:'num8',style:'margin:3px 78px 3px 3px '}
                ]}
            ]
    });

    Ext.create('Ext.container.Viewport', {
        layout: 'border',
        id: 'main',
        items: [leftpanel, rightpanel]
    });
});
function getYear(){
    var year = [];
    var dt=new Date();
    for (var i = 2006; i <= dt.getFullYear() + 5; i++) {
        year.push({
            VALUE : i,
            DISFIELD : i
        });
    }
    return {
        fields : [ 'VALUE', 'DISFIELD' ],
        data : year
    };
 }
function getnum(response) {
    var resp = Ext.decode(response.responseText);
    Ext.getCmp("num1").setText(resp.v_count_plan);
    Ext.getCmp("num2").setText(resp.v_count_det);
    Ext.getCmp("num3").setText(resp.v_count_opin);
    Ext.getCmp("num4").setText(resp.v_num_sta_rul);
    Ext.getCmp("num5").setText(resp.v_num_app_rule);
    Ext.getCmp("num6").setText(resp.v_num_pub_rul);
    Ext.getCmp("num7").setText(resp.v_num_jun_rul);
    Ext.getCmp("num8").setText(resp.v_num_updt_rul);
}
function pica(){
    Ext.data.StoreManager.lookup("aStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('aStore'));
    var  chgrid=Ext.getCmp('sgrid');
     chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}

function picb(){
    Ext.data.StoreManager.lookup("bStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('bStore'));
    var  chgrid=Ext.getCmp('sgrid');
    chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}
function picc(){
    Ext.data.StoreManager.lookup("cStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('cStore'));
    var  chgrid=Ext.getCmp('sgrid');
    chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}
function picd(){
    Ext.data.StoreManager.lookup("dStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('dStore'));
    var  chgrid=Ext.getCmp('sgrid');
    chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}
function pice(){
    Ext.data.StoreManager.lookup("eStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('eStore'));
    var  chgrid=Ext.getCmp('sgrid');
    chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}
function picf(){
    Ext.data.StoreManager.lookup("fStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('fStore'));
    var  chgrid=Ext.getCmp('sgrid');
    chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}
function picg(){
    Ext.data.StoreManager.lookup("gStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('gStore'));
    var  chgrid=Ext.getCmp('sgrid');
    chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}
function pich(){
    Ext.data.StoreManager.lookup("hStore").load({
        params:{
            v_year:Ext.getCmp('yearT').getValue(),
            v_departcode: depNote
        }
    });
    Ext.getCmp('sgrid').reconfigure(Ext.data.StoreManager.lookup('hStore'));
    var  chgrid=Ext.getCmp('sgrid');
    chgrid.store.reload();
    Ext.getCmp('cpanel').show();
    Ext.getCmp('sgrid').getView().refresh();
}

 

孤城冰
关注
专栏目录
extjs 表格数据重新加载_关于Ext3.0中按条件查询并重新加载Grid中的数据的实现过程及store.load的分析...
weixin_39646658的博客
12-23 534
Ext.onReady(function() {var cm = newExt.grid.ColumnModel([ {header :'收入类型',dataIndex :'income_code'},//sortable为true设置按列排序{header :'时间',dataIndex :'income_date',sortable :true,type :'date',width :200,...
extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据
04-16
这段代码创建了一个`Panel`，其中包含一个`GridPanel`，并配置了`Store`来从`data.json`加载数据。 接下来，`TreePanel`是用来展示树形结构数据的组件，常用于文件系统或组织结构的展示。与`Ext.Panel`类似，`...
extjs-grid数据加载
香酥蟹的博客
01-07 1823
1、grid并没提供直接加载对象和对象数组的方法，但是可以通过其他的方式实现，所以我这里写了一个实现这样功能的方法arr2grid（即供参考）。grid只依赖一个store，所以受限，方法arr2grid，可以解决这个问题。 2、store配置autoLoad和使用load方法，都可以加载数据到store，grid依赖store，从而数据也就加载到grid上，本事例只是jsonp跨域加载store
extjs中grid数据重新加载
weixin_30325793的博客
07-19 675
Grid数据刷新a、直接刷新，获取grid的store后，调用store的reload()方法；b、修改Grid数据来源，修改列表(grid)里store的加载url：grid.getStore().proxy.conn.url=url;grid.getStore().reload(); 转载于:https://www.cnbl...
Ext.grid.Panel远程加载数据分页，提供添加删除修改等操作
Mars的专栏
03-20 3225
Ext.grid.Panel远程加载NorthWind中Customers数据，并提供分页、添加、删除、修改和查看操作，界面如下图： Ext.grid.Panel Ajax加载数据 添加界面 修改界面 查看界面 Extjs代码如下： //Ext.grid.Panel动态加载和读取相关Customers信息 Ext.onReady(function () {
Ext.grid.Panel加载JSON数据
Mars的专栏
03-11 4603
Ext.onReady(function () { //建立一个store要使用的Model Ext.define("User", { extend: "Ext.data.Model", fields: [ { name: "firstName", type: "string" }, { name: "
Ext GridPanel加载完数据后进行操作示例代码
09-04
`callback`函数接收两个参数：`store`（当前加载数据的Store对象）和`records`（默认情况下，表示加载的数据记录列表），但由于这里的回调函数没有用到`records`，所以没有列出来。 在回调函数内部，`this....
ExtJs 实现动态加载grid完整示例
12-07
在ExtJs中，动态加载Grid是一种常见的数据展示方式，它允许用户在需要时按需加载数据，而不是一次性加载大量数据，提高应用性能和用户体验。在本示例中，我们将探讨如何使用Ext3.3实现这一功能。 首先，我们来看...
ExtJs3 Grid重新加载数据时不滚动到顶部
glcgeek的专栏
05-05 826
在ExtJs4的时候有一个配置项目invalidateScrollerOnRefresh: false 但ExtJs3默认没支持这个功能，但可以通过覆盖Ext.grid.GridView的事件来实现。 Ext.override(Ext.grid.GridView, {     holdPosition: false,     onLoad : function(){       
Extjs grid 加载数据，分页，传值
zhuixunhebe1的专栏
05-14 533
(function(){ //加载参数 var operLog =function loadOpt(){ var obj = {}; var userName=""; var startTime=""; var endTime="";   if(null!=Ext.getCmp("userName") &&""!=Ext.getCmp("userName")){ userName
Ext treeGrid加载静态数据
渡江人博客
02-14 515
 由Ext提供的treeGrid需要通过dataUrl或者loader去加载数据，可是如果数据为静态的，在页面上生成的，那就无法显示，为了解决这个问题，需要重写loader的几个方法，具体如下， loader : new Ext.ux.tree.TreeGridLoader({            loadData: function (node, callback, scope) {    ...
Ext.grid.Panel 数据动态改变后刷新grid
weixin_30297281的博客
08-11 641
gridPanel中加载的数据分为两种：一种是本地数据加载，那另一种就是后台数据加载。 在表格中增、删、改、查 是必不可少的。 那么数据动态改变后怎样刷新表格中的数据呢。 一、后台取数据 var grid = Ext.getCmp('ChannelPriorityRanking'); //通过grid的id取到grid grid.store.reload(); ...
ExtJs中Grid加载数据的超时时间的设置！（详细）
系统运维
03-07 402
var fm = Ext.form; Ext.onReady(function() { Ext.Ajax.timeout = 180000; //3分钟超时 还有一钟方法（转载） // 因为数据量较大，后台响应会比较慢，JsonStore调用load方法之后可能出现超时的情况，解决的办法很简单。 // 把创建JsonSto...
Ext, GridPanel加载完数据后进行操作
木易的专栏
06-06 9603
比如load数据之后选定某些行数据:
Extjs Grid store加载数据
Accpdaiyekun的专栏
03-21 3232
Extjs Grid store加载数据不会出来，网络跟踪能够开到数据已经查询到前台，可是就不显示， 代码如下 var contract_selectItem_storeBudget = new Ext.data.JsonStore({ proxy: new Ext.data.HttpProxy({ url: woo.constant.baseUrl+ "/AjaxPage/WooYu
EXTJS系列笔记(6.X)————gridpanel根据数据动态加载需要的列，同时列根据不同值显示不同颜色
java_dotar_01的专栏
08-28 648
现在的开发中，出现一个需求，就是需要在界面 中根据后台的数据动态的显示 gridpanel的列，同时需要固定某些列，闲话不说，先看代码， 在 主界面中 只有一个 gridpanel,其他啥也没有，看下： { xtype:"gridpanel", width:"100%", title:"详细信息EQPID", id:"lotview_lotdetail_eqpid", borde...
window下grid不显示加载数据问题
woyizhizaizhaoni的专栏
07-20 525
var hStore=Ext.create('Ext.data.Store',{ id: 'hStore', autoLoad: false, fields: ['RULE_ID', 'RULE_NAME', 'RULE_CODE','RULE_RUN_STATUS','RULE_RUN_STATUS_DESC','RULE_DUTY','RULE_DUTY_DESC',...
Ext2.0框架Grid控件详解：数据绑定与显示
本文将深入探讨Ext2.0框架中的Grid组件，这是一个强大的JavaScript库，能够以优雅的方式处理数据展示。Ext2.0以其出色的功能和丰富的API，让开发者对JavaScript有了全新的认识。在YUI等其他框架的基础上，EXT2.0带来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值