Extjs:Grid没显示后台返回的Json数据

deenooleee 2013-09-02 03:59:49

success: function(response){
var rs = Ext.JSON.decode(response.responseText);
Ext.Msg.alert("按钮", rs.data);
// process server response here
var store = new Ext.data.Store({
data:rs.data,
fields:['provider','location','currency'
,'startnum1','startunit1','endnum1','endunit1','price1','priceunit1'
,'startnum2','startunit2','endnum2','endunit2','price2','priceunit2'
,'startnum3','startunit3','endnum3','endunit3','price3','priceunit3']
});
console.info(rs);
this.getSGrid().reconfigure(store);
console.info(this.getSGrid().store.data);
//看到store有很多条记录但都是空的
}


后台返回的数据rs.data是:
[{"endunit3":"TB","endnum1":"1.0","endnum2":"10.0","endunit2":"TB","endunit1":"TB","provider":"Google","endnum3":"100.0","startnum3":"10.0","startnum2":"1.0","startnum1":"0.0","currency":"dollar","startunit1":"TB","startunit3":"TB","startunit2":"TB"},{"endunit3":"TB","endnum1":"1.0","endnum2":"10.0","endunit2":"TB","endunit1":"TB","provider":"Google","endnum3":"100.0","startnum3":"10.0","startnum2":"1.0","startnum1":"0.0","currency":"dollar","startunit1":"TB","startunit3":"TB","startunit2":"TB"}]


Grid绘制出来但是没有数据。
Grid的代码:

{
xtype:'grid',
id:'sgrid',
store:{
fields: ['provider','location','currency'
,'startnum1','startunit1','endnum1','endunit1','price1','priceunit1'
,'startnum2','startunit2','endnum2','endunit2','price2','priceunit2'
,'startnum3','startunit3','endnum3','endunit3','price3','priceunit3']
},
title: "search result",
width: 1000,
autoHeight: true,
columns:[
{text: "provider", width: 80, dataIndex: "provider", tooltip: "provider"},
{text: "location", width: 80, dataIndex: "location", align: "center"},
{text: "currency", width: 50, dataIndex: "currency"},
{text: "startnum1", width: 50, dataIndex: "startnum1", align: "center"},
{text: "startunit1", width: 50, dataIndex:"startunit1", align:"center"},
{text: "endnum1", width: 50, dataIndex: "endnum1", align: "center"},
{text: "endunit1", width: 50, dataIndex: "endunit1", align: "center"},
{text: "startnum2", width: 50, dataIndex: "startnum2", align: "center"},
{text: "startunit2", width: 50, dataIndex: "startunit2",align:"center"},
{text: "endnum2", width: 50, dataIndex: "endnum2", align: "center"},
{text: "endunit2", width: 50, dataIndex: "endunit2", align: "center"},
{text: "startnum3", width: 50, dataIndex: "startnum3", align: "center"},
{text: "startunit3", width: 50, dataIndex:"startunit3", align:"center"},
{text: "endnum3", width: 50, dataIndex: "endnum3", align: "center"},
{text: "endunit3", width: 50, dataIndex: "endunit3", align: "center"}
]
}

请问是什么问题呢?
...全文
110 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
deenooleee 2013-09-03
  • 打赏
  • 举报
回复
大意了,我的rs.data 带了前后的双引号,所以store没有正确获得data,问题已解决。
  • 打赏
  • 举报
回复
什么版本的ext? 我这里ext4没问题
    Ext.onReady(function () {

        setTimeout(function () {

            var store = new Ext.data.Store({
                data: [{ "endunit3": "TB", "endnum1": "1.0", "endnum2": "10.0", "endunit2": "TB", "endunit1": "TB", "provider": "Google", "endnum3": "100.0", "startnum3": "10.0", "startnum2": "1.0", "startnum1": "0.0", "currency": "dollar", "startunit1": "TB", "startunit3": "TB", "startunit2": "TB" }
            , { "endunit3": "TB", "endnum1": "1.0", "endnum2": "10.0", "endunit2": "TB", "endunit1": "TB", "provider": "Google", "endnum3": "100.0", "startnum3": "10.0", "startnum2": "1.0", "startnum1": "0.0", "currency": "dollar", "startunit1": "TB", "startunit3": "TB", "startunit2": "TB"}],
                fields: ['provider', 'location', 'currency'
, 'startnum1', 'startunit1', 'endnum1', 'endunit1', 'price1', 'priceunit1'
, 'startnum2', 'startunit2', 'endnum2', 'endunit2', 'price2', 'priceunit2'
, 'startnum3', 'startunit3', 'endnum3', 'endunit3', 'price3', 'priceunit3']
            });
            grid.reconfigure(store);
        }, 2000);

        var grid = Ext.create('Ext.grid.Panel', {
            id: 'sgrid',
            renderTo: document.body,
            store: {
                fields: ['provider', 'location', 'currency'
            , 'startnum1', 'startunit1', 'endnum1', 'endunit1', 'price1', 'priceunit1'
            , 'startnum2', 'startunit2', 'endnum2', 'endunit2', 'price2', 'priceunit2'
            , 'startnum3', 'startunit3', 'endnum3', 'endunit3', 'price3', 'priceunit3']
            },
            title: "search result",
            width: 1000,
            autoHeight: true,
            columns: [
    { text: "provider", width: 80, dataIndex: "provider", tooltip: "provider" },
    { text: "location", width: 80, dataIndex: "location", align: "center" },
    { text: "currency", width: 50, dataIndex: "currency" },
    { text: "startnum1", width: 50, dataIndex: "startnum1", align: "center" },
    { text: "startunit1", width: 50, dataIndex: "startunit1", align: "center" },
    { text: "endnum1", width: 50, dataIndex: "endnum1", align: "center" },
    { text: "endunit1", width: 50, dataIndex: "endunit1", align: "center" },
    { text: "startnum2", width: 50, dataIndex: "startnum2", align: "center" },
    { text: "startunit2", width: 50, dataIndex: "startunit2", align: "center" },
    { text: "endnum2", width: 50, dataIndex: "endnum2", align: "center" },
    { text: "endunit2", width: 50, dataIndex: "endunit2", align: "center" },
    { text: "startnum3", width: 50, dataIndex: "startnum3", align: "center" },
    { text: "startunit3", width: 50, dataIndex: "startunit3", align: "center" },
    { text: "endnum3", width: 50, dataIndex: "endnum3", align: "center" },
    { text: "endunit3", width: 50, dataIndex: "endunit3", align: "center" }
    ]
        });
});

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧