EXT dynamically add the number of grid Columns

EXT dynamically add the number of grid Columns

When making a report, you need to make the number of columns of the grid survive, and the number of columns is determined by the fields in the database. Therefore, you need to make the number of columns of the grid dynamic. After many experiments, as follows:

JSON returned by the background:

{'Action': True, 'message': 'error! ', 'Data ':[
{'Number': '1', 'text1': '3', 'info1': '4', 'special1': '5 '}
], 'Colummodle ':[
{'Header': 'sequence number ', 'dataindex': 'number', 'width': 40 },
{'Header': 'code', 'dataindex': 'text1 '},
{'Header': 'name', 'dataindex': 'info1 '},
{'Header': 'amount', 'dataindex': 'special1 '}
], 'Fieldnames': [{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]
});