Extjs-Grid-动态生成columns

最新推荐文章于 2023-05-30 12:29:34 发布

Nicole_Chai

最新推荐文章于 2023-05-30 12:29:34 发布

阅读量1.9k

点赞数

分类专栏： extjs4 文章标签： extjs

本文链接：https://blog.csdn.net/luckycz/article/details/46990145

版权

extjs4 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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();

            }
        });
    }