doufei3152 2012-12-03 12:24
浏览 98
已采纳

使用extjs 3.4 panel + dataview + jsonstore检索数据

i'm trying to show some data via dataview, but for some reason i am getting an emptytext message (No data). Here is my dataview:

xtype        : 'dataview',
emptyText    : 'No data',
id           : 'cartdata',
multiSelect  : true,
plugins      : new Ext.DataView.DragSelector( { dragSafe : true } ),
store        : new Ext.data.JsonStore({
    url           : '/aecms/user-photos-view/',
    autoLoad      : true,
    root          : 'data',
    fields        : [
    'images'
    ],
    listeners : {
        scope : this,
        load  : function(store) {
            var data = store.reader.jsonData;
            if (data.systemMessage) {
                infoReport(data.systemMessage.title, data.systemMessage.message, data.systemMessage.icon);
            }
        } 
    } 
}),
tpl          : new Ext.XTemplate(
    '<tpl for=".">',
    '<tpl for="images">',
    '<a title="{id}">test</a>',
    '</tpl>',
    '</tpl>'
    )

and this is a data from php:

{"data":{"images":{"id":"2"}},"status":"success"}

I am new to extjs and appreciate any help.

  • 写回答

1条回答 默认 最新

  • dongque1462 2012-12-03 12:48
    关注

    By the looks of it you are not returning a successProperty value correctly. Change the response from you php code to be, as listed below.

    The default successProperty of the JsonReader on your store is 'success'. ExtJs will look for this property in your server response.

    http://docs.sencha.com/ext-js/3-4/#!/api/Ext.data.JsonReader-cfg-successProperty

    Also, you will probably want to return your data as a json array, not an object. You dont need the image object inside the data array.

    Server response:

    { "data":[{"id":"2"}], "success":true }
    

    Javascript:

        ...
    store        : new Ext.data.JsonStore({
        url           : '/aecms/user-photos-view/',
        autoLoad      : true,
        root          : 'data',
        fields        : [
        'id'
        ],
        listeners : {
            scope : this,
            load  : function(store) {
                var data = store.reader.jsonData;
                if (data.systemMessage) {
                    infoReport(data.systemMessage.title, data.systemMessage.message, data.systemMessage.icon);
                }
            } 
        } 
    })
    tpl: new Ext.XTemplate(
        '<tpl for=".">',
        '<a title="{id}">test</a>',
        '</tpl>'
    )
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 我下载图形界面重启完就变成这样了,打字也打不了,动也动不了,该怎么解决(操作系统-centos)
  • ¥15 VBA中在窗体中遍历所有checkbox控件,提取出被选中的checkbox的caption值
  • ¥15 在Ubuntu上有什么命令,或者是系统文件能告诉我链接nvme ssd的pcie槽位是不是支持热插拔功能?
  • ¥15 ansys license许可证问题
  • ¥20 QQ号和密码都能正常登录微信 QQ号和密码登录微信显示密码错误
  • ¥15 qiankun主应用注册子应用提示跨域
  • ¥15 单片机RTOS Kernel与应用分离开发,Kernel如何调起应用?
  • ¥15 快手小店商家版APP怎么第三方APP跳转到指定用户聊天界面
  • ¥15 为什么AVL fire软件仿真时的步长改变了,仿真结果也会改变
  • ¥100 如何帮我写一个java小游戏