Extjs4 为什么我的Ext网格没有填充数据？

我给你我用过的密码。。 请帮忙

JavaScript部分如下所示：

Ext.define('NewsInfo', {
        extend: 'Ext.data.Model',
        fields: [
            { name:'news_id',           mapping:'news_id',          type:'int' },
            { name:'news_title',        mapping:'news_title',       type:'string' },
            { name:'news_summary',      mapping:'news_summary',     type:'string' },
            { name:'news_description',  mapping:'news_description', type:'string' },
            { name:'news_source',       mapping:'news_source',      type:'string' },
            { name:'published_on',      mapping:'published_on',     type:'date',    dateFormat:'Y-m-d H:i:s' },
            { name:'on_skype',          mapping:'on_skype',         type:'string' },
            { name:'is_active',         mapping:'is_active',        type:'string' },
            { name:'updated_at',        mapping:'updated_at',       type:'date',    dateFormat:'Y-m-d H:i:s' }
        ]/*,
        validations: [{
            type: 'length',
            field: 'news_title',
            min: 1
        }, {
            type: 'length',
            field: 'news_summary',
            min: 1
        }, {
            type: 'length',
            field: 'news_description',
            min: 1
        }]*/
    });


store = new Ext.data.JsonStore({
    autoLoad: true,
    model: 'NewsInfo',
    sortInfo: { field:'news_title', direction:'ASC'},
    idProperty: 'news_id',
    remoteSort: true,
    proxy: new Ext.data.HttpProxy({
        url: $this._s_ajax_url + '/load_news_collection/true',
        method: 'POST'
    }),
    reader: Ext.data.JsonReader({
        url: $this._s_ajax_url + '/load_news_collection/true',
        fields: [
            { name:'news_id',           mapping:'news_id',          type:'int' },
            { name:'news_title',        mapping:'news_title',       type:'string' },
            { name:'news_summary',      mapping:'news_summary',     type:'string' },
            { name:'news_description',  mapping:'news_description', type:'string' },
            { name:'news_source',       mapping:'news_source',      type:'string' },
            { name:'published_on',      mapping:'published_on',     type:'date',    dateFormat:'Y-m-d H:i:s' },
            { name:'on_skype',          mapping:'on_skype',         type:'string' },
            { name:'is_active',         mapping:'is_active',        type:'string' },
            { name:'updated_at',        mapping:'updated_at',       type:'date',    dateFormat:'Y-m-d H:i:s' }
        ],
        root: 'records',
        totalProperty: 'row_count',
        successProperty: 'success'
    })
});
var columns = [
    {
        text     : 'News ID',
        width    : 55,
        sortable : true,
        hideable : false,
        dataIndex: 'news_id'
    },
    {
        text     : 'News Sinossi',
        width    : 235,
        sortable : true,
        hideable : true,
        dataIndex: 'news_title'
    },
    {
        text     : 'Active',
        width    : 75,
        sortable : true,
        hideable : true,
        dataIndex: 'is_active',
        align    : 'center',
        renderer : function (s_val) {
            if (s_val == 'YES')
            {
                return '<img src="' + $this.get_skin_url('images/icons/tick_circle.png') + '" alt="' + s_val + '" title="' + s_val + '" />';
            }
            return '<img src="' + $this.get_skin_url('images/icons/cross_circle.png') + '" alt="' + s_val + '" title="' + s_val + '" />';
        }
    },
    {
        text     : 'Last Updated',
        align    : 'center',
        width    : 95,
        sortable : true,
        hideable : false,
        renderer : Ext.util.Format.dateRenderer('d-M-Y'),
        dataIndex: 'updated_at'
    },
    {
        xtype   : 'actioncolumn',
        align   : 'center',
        hideable: false,
        width   : 70,
        items   : [{
            icon   : $this.get_skin_url('images/icons/pencil.png'),  // Use a URL in the icon config
            tooltip: 'Edit',
            handler: function(grid, rowIndex, colIndex) {
                var obj_rec = store.getAt(rowIndex);
                $('#div_news_grid_container').slideUp(800);
                $('#div_editor_content').slideDown(800, function () {
                    $('#news_id').val(obj_rec.get('news_id'));
                    $('#news_title').val(obj_rec.get('news_title'));
                    $('#news_summary').val(obj_rec.get('news_summary'));
                    tinyMCE.get('news_description').setContent(obj_rec.get('news_description'));
                });
            }
        }, {
            icon   : $this.get_skin_url('images/icons/view.png'),  // Use a URL in the icon config
            tooltip: 'View',
            handler: function(grid, rowIndex, colIndex) {
                var obj_rec = store.getAt(rowIndex);
                var s_description = "<div style=\"background-color:white !important; height:100%; overflow:auto;\">\
                    " + obj_rec.get('news_description') + "\
                </div>";
                var s_description_html = "<div style=\"background-color:white !important; height:100%; overflow:auto;\">\
                    <pre>\
                        " + obj_rec.get('description_html') + "\
                    </pre>\
                </div>";
                Ext.create('Ext.window.Window', {
                    renderTo: "main-content", 
                    title: "Description for " + obj_rec.get('title_text'),
                    closeAction: 'hide', 
                    minimizable: false, 
                    maximizable: false,
                    resizable: true,
                    modal: true,
                    layout: 'border',
                    height: 350,
                    width: 550,
                    items:  [{
                        region: 'center',
                        xtype: 'tabpanel',
                        items: [{
                            title: 'Preview',
                            html: s_description
                        }, {
                            title: 'HTML',
                            html: s_description_html
                        }]
                    }]
                }).show();
            }
        }, {
            icon   : $this.get_skin_url('images/icons/cross.png'),  // Use a URL in the icon config
            tooltip: 'Delete',
            handler: function(grid, rowIndex, colIndex) {
                var obj_rec = store.getAt(rowIndex);
                var s_news_title = obj_rec.get('title_text');
                var i_news_id = obj_rec.get('news_id');
                Ext.MessageBox.show({
                    title:'Confirm Delete',
                    msg: 'Do you really want to remove ' + s_news_title + '?',
                    buttons: Ext.MessageBox.YESNO,
                    icon: Ext.MessageBox.QUESTION,
                    closable: false,
                    fn: function (btn) {
                        if (btn == 'yes') 
                        {
                            $this.delete_news(i_news_id);
                        }
                    }
                });
            }
        }]
    }
];
store.on('load', function () {
    Ext.create('Ext.grid.Panel', {
        store: store,
        columns: columns,
        height: 350,
        width: 645,
        title: 'News Management System',
        renderTo: 'div_news_grid',
        loadMask: true,
        viewConfig: {
            stripeRows: true
        },
        bbar: new Ext.PagingToolbar({
            pageSize: 25,
            store: store,
            displayInfo: true,
            displayMsg: 'Displaying topics {0} - {1} of {2}',
            emptyMsg: "No topics to display",
            items:[
                '-', /*{
                pressed: true,
                enableToggle:true,
                text: 'Show Preview',
                cls: 'x-btn-text-icon details',
                toggleHandler: function(btn, pressed){
                    var view = grid.getView();
                    view.showPreview = pressed;
                    view.refresh();
                }
            }*/]
        })
    });
});

Ext.define（'NewsInfo'{
扩展：“Ext.data.Model”，
字段：[
{名称：'news\u id'，映射：'news\u id'，类型：'int'}，
{名称：'news\u title'，映射：'news\u title'，类型：'string'}，
{名称：'news\u summary'，映射：'news\u summary'，类型：'string'}，
{名称：'news\u description'，映射：'news\u description'，类型：'string'}，
{名称：'news\u source'，映射：'news\u source'，类型：'string'}，
{name:'published_on'，mapping:'published_on'，type:'date'，dateFormat:'Y-m-dh:i:s'}，
{名称：'on_skype'，映射：'on_skype'，类型：'string'}，
{名称：'is_active'，映射：'is_active'，类型：'string'}，
{name:'updated_at'，mapping:'updated_at'，type:'date'，dateFormat:'Y-m-dh:i:s'}
]/*,
验证：[{
键入：“长度”，
字段：“新闻标题”，
min:1
}, {
键入：“长度”，
字段：“新闻摘要”，
min:1
}, {
键入：“长度”，
字段：“新闻描述”，
min:1
}]*/
});
store=new Ext.data.JsonStore({
自动加载：对，
型号：“NewsInfo”，
sortInfo:{字段：'news_title'，方向：'ASC'}，
idProperty:“新闻id”，
remoteSort：是的，
代理：新Ext.data.HttpProxy({
url:$this.\u s\u ajax\u url+'/load\u news\u collection/true'，
方法：“发布”
}),
阅读器：Ext.data.JsonReader({
url:$this.\u s\u ajax\u url+'/load\u news\u collection/true'，
字段：[
{名称：'news\u id'，映射：'news\u id'，类型：'int'}，
{名称：'news\u title'，映射：'news\u title'，类型：'string'}，
{名称：'news\u summary'，映射：'news\u summary'，类型：'string'}，
{名称：'news\u description'，映射：'news\u description'，类型：'string'}，
{名称：'news\u source'，映射：'news\u source'，类型：'string'}，
{name:'published_on'，mapping:'published_on'，type:'date'，dateFormat:'Y-m-dh:i:s'}，
{名称：'on_skype'，映射：'on_skype'，类型：'string'}，
{名称：'is_active'，映射：'is_active'，类型：'string'}，
{name:'updated_at'，mapping:'updated_at'，type:'date'，dateFormat:'Y-m-dh:i:s'}
],
root:'记录'，
totalProperty:“行数”，
successProperty:“成功”
})
});
变量列=[
{
文本：“新闻ID”，
宽度：55，
可排序：是的，
可隐藏的：错误，
dataIndex:'news\u id'
},
{
文字：“新闻Sinossi”，
宽度：235，
可排序：是的，
是的，
数据索引：“新闻标题”
},
{
文本：“活动”，
宽度：75，
可排序：是的，
是的，
数据索引：“是否处于活动状态”，
对齐：'居中'，
渲染器：函数（s_val）{
如果（s_val==‘是’）
{
返回“”；
}
返回“”；
}
},
{
文本：“上次更新”，
对齐：'居中'，
宽度：95，
可排序：是的，
可隐藏的：错误，
渲染器：Ext.util.Format.dateRenderer（'d-M-Y'），
dataIndex:'已更新\u at'
},
{
xtype:'actioncolumn'，
对齐：'居中'，
可隐藏的：错误，
宽度：70，
项目：[{
icon:$this.get_skin_url（'images/icons/pencil.png'），//在图标配置中使用url
工具提示：“编辑”，
处理程序：函数（网格、行索引、colIndex）{
var obj_rec=store.getAt（行索引）；
$（'div#u news_grid_container'）。slideUp（800）；
$（'div#editor_content'）。向下滑动（800，函数（）{
$（'news_id'）.val（obj_rec.get（'news_id'））；
$（'news_title'）.val（obj_rec.get（'news_title'））；
$（'news_summary'）.val（obj_rec.get（'news_summary'））；
tinyMCE.get（'news_description'）.setContent（obj_rec.get（'news_description'））；
});
}
}, {
图标：$this.get_skin_url（'images/icons/view.png'），//在图标配置中使用url
工具提示：“视图”，
处理程序：函数（网格、行索引、colIndex）{
var obj_rec=store.getAt（行索引）；
变量s_说明=”\
“+obj_rec.get（'news_description'）+”\
";
var s_description_html=”\
\
“+obj_rec.get（'description_html'）+”\
\
";
Ext.create（'Ext.window.window'{
renderTo：“主要内容”，
标题：“对“+obj_rec.get（'title_text'）”的描述，
closeAction:'隐藏'，
可最小化：错误，
最大化：错误，
可调整大小：正确，
莫代尔：是的，
布局：“边框”，
身高：350，
宽度：550，
项目：[{
地区：'中心'，
xtype:'tabpanel'，
项目：[{
标题：“预览”，
html:s_说明
}, {
标题：“HTML”，
html:s_description_html
}]
}]
}).show（）；
}
}, {
图标：$this.get_skin_url（'图像/图标/
{
    "records":[
        {
            "news_id":"1",
            "news_title":"comunicato",
            "news_summary":"Un corso di lingua da seguire sempre, anche fuori sede Un problema che si riscontra frequentemente nelle",
            "news_description":"<p>&nbsp;<\/p>\r\n                <p>L\u2019estate \u00e8 alle porte e desideriamo aggiornarvi sulle attivit\u00e0 che stiamo organizzando per voi:<\/p>\r\n                <p>&nbsp;<\/p>\r\n                <p>Per i bambini e i ragazzi dai 4 ai 19 anni proponiamo un programma ricco di giochi, attivit\u00e0 pratiche, laboratori e tanto divertimento! Un\u2019occasione in pi\u00f9 per mettere in pratica le conoscenze linguistiche in un contesto diverso da quello prettamente scolastico favorendo anche il lavoro di gruppo.<\/p>\r\n                <ul class=\"list01\">\r\n                    <li>Si pu\u00f2 scegliere di fare 1 o 2 settimane<\/li>\r\n                    <li>I corsi si svolgono dal 13 giugno al 1 luglio (7 \u2013 19 anni) e dal 4 al 15 luglio (4 \u2013 6 anni), dal luned\u00ec al venerd\u00ec, dalle 8.30 alle 12.30<\/li>\r\n                    <li>2 settimane: \u20ac 280,00<\/li>\r\n                    <li>1 settimana: \u20ac 150,00<\/li>\r\n                    <li>I gruppi verranno attivati al raggiungimento di minimo 5 partecipanti e massimo 10<\/li>\r\n                    <li>Al raggiungimento di 10 partecipanti ci sar\u00e0 uno sconto del 20% per ogni studente, quindi se avete amici o parenti interessati avvertiteli!<\/li>\r\n                    <li>Sar\u00e0 disponibile un servizio di pre e post accoglienza <\/li>\r\n                <\/ul>\r\n                <p>Infine vi ricordiamo che la scuola rester\u00e0 aperta per tutta l\u2019estate (eccetto dal 1 al 22 agosto) per lezioni individuali, recupero crediti scolastici e mini-gruppi.<\/p>\r\n                <p>&nbsp;<\/p>",
            "is_active":"YES",
            "published_on":"2011-03-01 15:53:36",
            "updated_at":"2011-05-25 20:19:12"
        }
    ],
    "row_count":1,
    "success":true
}

Ext.define('NewsInfo', {
    extend: 'Ext.data.Model',
    idProperty: 'news_id',
    // The rest of this should be right
});

var store = new Ext.data.Store({
    autoLoad: {
        callback: function() {
            Ext.create('Ext.grid.Panel', {
               // The rest of this should be right, too, pulled up from listener
            });
        }
    },
    model: 'NewsInfo',
    sorters: [{ property:'news_title', direction:'ASC'}],
    remoteSort: true,
    proxy: {
        type: 'ajax',
        url: $this._s_ajax_url + '/load_news_collection/true',
        method: 'POST',
        reader: {
            type: 'json',
            root: 'records',
            totalProperty: 'row_count',
            successProperty: 'success'
        }
    })
});