zoukankan      html  css  js  c++  java
  • Ext 动态添加grid 列数

    Ext 动态添加grid 列数

    在做报表的时候,需要将grid的列数做成活的,列数有数据库里的字段确定,这据需要将grid的列数做成动态的,经过多次实验已成,如下:

    后台返回的json:

                    {'action':true,'message':'error!','data':[
                    {'number':'1','text1': '3','info1': '4','special1': '5'}
                    ],'columModle':[
                    {'header': '序号','dataIndex': 'number','width':40},
                    {'header': '编码','dataIndex': 'text1'},
                    {'header': '名称','dataIndex': 'info1'},
                    {'header': '金额','dataIndex': 'special1'}
                    ],'fieldsNames':[{name: 'number'},
                    {name: 'text1'}, {name: 'info1'},
                    {name: 'special1'}]}



                var cm = new Ext.grid.ColumnModel(json.columModle);
                var ds = new Ext.data.JsonStore({
                data:json.data,
                fields:json.fieldsNames
                });
                                           
                var grid = new Ext.grid.GridPanel({
                region: 'center',
                split: true,
                border:false,
                cm:cm,
                ds:ds
                });
                grid.render(document.body);
               
                new Ext.Viewport({
                  layout: 'border',
                  split: true,
                  items: [grid]
                });
  • 相关阅读:
    table的边框样式(小技巧)
    当人有更高目标追求的话,会发现周围的利益之争很可笑
    科普连载(原著:幽灵蝶)
    关于ASP.NET中的负载均衡
    验证控件与Button的OnClientClick事件(转)
    SQL Server 索引基础知识(2)聚集索引,非聚集索引(转)
    js中的Number和parseInt(小技巧)
    google的一些域名
    对多维宇宙的理解(时间、空间、超越光速,空间时间旅行)
    SNS
  • 原文地址:https://www.cnblogs.com/winner/p/1258965.html
Copyright © 2011-2022 走看看