Extjs-Grid-动态生成columns

1:声明变量

var colstr = [];

2:定义Grid

var grid = new Ext.grid.GridPanel({
                region : 'center',
                height : 250,
                store : store,
                columns : colstr,
                dockedItems : [{
                    xtype : 'toolbar',
                    items : [{
                                xtype : 'button',
                                text : '查询',
                                iconCls : "Magnifier",
                                handler : function() {
                                    tochart();
                                    getData();

                                }
                            }, "-", {
                                xtype : 'button',
                                text : '重置',
                                iconCls : "Arrowundo",
                                handler : function() {
                                    queryForm.getForm().reset();

                                }
                            }, "-", {
                                text : "导出",
                                iconCls : "Pagewhiteexcel",
                                handler : function() {
                                    var data = {};
                                    data["result"] = result;
                                    data["fieldStr"] = fieldStr;

                                    CTU.Utils.DataExport(data, WebPath
                                                    + "/baobiao/exportData");
                                }
                            }]
                }]
            });

3:定义功能函数赋值变量colstr

function getData() {

        colstr = [];
        var fp = queryForm;//查询panel
        var queryParam = {};
        var date = fp.getForm().getValues()["date"];//查询条件
        queryParam["date"] = date;
        var n = fp.getForm().getValues()["n"];//查询条件
        queryParam["n"] = n;
        Ext.Ajax.request({
            url : WebPath + '/baobiao/findDuoKai',
            params : queryParam,
            method : "POST",
            success : function(response) {
                // 转换数据反回值为对象
                var datas = Ext.decode(response.responseText);
                // 获取 开始日期 和 结束日期
                var begin = CTU.Utils.parseDate(queryParam['date'][0]);
                var end = CTU.Utils.parseDate(queryParam['date'][1]);
                var colstr_Obj = {};
                colstr_Obj['text'] = '开数';
                colstr_Obj['dataIndex'] = 'name';
                colstr.push(colstr_Obj);
                for (var i = begin; i <= end; i = i + 3600000 * 24) {
                    var colstr_Obj1 = {};
                    colstr_Obj1['text'] = Ext.Date.format(new Date(i), 'Y-m-d');
                    colstr_Obj1['dataIndex'] = Ext.Date.format(new Date(i),
                            'Y-m-d');
                    colstr.push(colstr_Obj1);
                    j++;
                }
                grid.reconfigure(store, colstr);
                grid.doLayout();

            }
        });
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值