ExtJs中根据后台数据动态创建表格列及其数据

    renderDynamicTable: function(dataset,type, tab) {
        var resultSetId = type === 'control' ? '#controlResultSet' : '#testResultSet';
        var ctlSet = dataset;
        if(Ext.isArray(ctlSet) && ctlSet.length > 0){
            var ctlData = [];
            var fields = [];
			//根据数据集动态创建store fields及行数据
            ctlSet.forEach(function(row,index){
                var rowData = {};
                if(row && row.length > 0){
                    if(fields.length === 0){
                        for(var i=0;i<row.length;i++){
                            fields.push('col' + i);
                        }
                    }
                    row.forEach(function(value,index){
                        rowData[fields[index]] = value;
                    });
                    ctlData.push(rowData);
                }
            });
            var columns = [];
			//根据数据集动态创建列
            fields.forEach(function(name,index){
                columns.push({
                    text: name,
                    dataIndex: name,
                    renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
                        if(!Ext.isEmpty(value)){
                            metaData.tdAttr = 'data-qtip="' + value + '"';
                        }
                        return value;
                    }});
            });
			//创建内存store,绑定数据及fields
            Ext.create('Ext.data.Store', {
                storeId:'ctlStore',
                fields:fields,
                data: ctlData,
                proxy: {
                    type: 'memory',
                    reader: {
                        type: 'json'
                    }
                }
            });
			//给表格重写配置store和列
            tab.down(resultSetId).reconfigure(Ext.data.StoreManager.lookup('ctlStore'),columns);
        }
    }

评论

5 楼 桃汁天天 2016-01-21  

非常感谢 为我们剩下了许多研究时间 

4 楼 jobar 2015-10-19  

mistake 写道

var resultSetId = type === 'control' ? '#controlResultSet' : '#testResultSet';
这里的后面两个值是什么意思
还有输入的三个参数分别是什么

根据参数type分别指定需要用到的控制器
输入的三个参数指：需要render的dataset，控制器的类型以及在哪个tab上操作

3 楼 mistake 2015-07-15  

var resultSetId = type === 'control' ? '#controlResultSet' : '#testResultSet';
这里的后面两个值是什么意思
还有输入的三个参数分别是什么

2 楼 jobar 2015-06-15  

340045267 写道

请问一下 这个是版本几的  然后这个grid的那边的代码能不能贴出来给我看看 谢谢了

4.2的,grid跟普通的没啥区别

1 楼 340045267 2015-03-18  

请问一下 这个是版本几的  然后这个grid的那边的代码能不能贴出来给我看看 谢谢了