Question

怎么将后台json在前台grid里面输出

Answer 1

先定义一个store ，在前端js的grid里将各个字段的名字按照store里的写好就可以了。很简单的

这是一个store：

Ext.define('MyApp.store.XXXX', {

    extend: 'Ext.data.Store',   

    constructor: function(cfg) {

        var me = this;

        cfg = cfg || {};

        me.callParent([Ext.apply({

            storeId: 'XXXX',

            proxy: {

                type: 'ajax',

                url : '',//这个url是和后台联系的一个关键是一个XXX.action ,需要在struts里配置，假如你是用ss2h的话。                 
       reader : {

        type : 'json',

        root : 'root',

        totalProperty : 'totalProperty'

                }

            },

            fields: [

                {

                    name: 'rentablearea'

                }
                
            ]

        }, cfg)]);

    }

});

 下面是前台的js

{

                                    xtype: 'numbercolumn',

                                    defaultWidth: 40,

                                    dataIndex: 'rentablearea',
 
                                    text: '',

                                },

如果你想让grid自动显示的话加上下面一句话

windowAfterRender: function(component, eOpts) {
        MyApp.getApplication().getStore('').load();  },