2010-07-13 70 views
0

我在代码中发现问题时遇到了一些问题,因此我想我会尝试找到第二对眼睛。ExtJS Grid显示日期列但不显示其他

代码:

var logStore = new Ext.data.JsonStore({ 
    autoLoad: true, 
    url: 'inc/interface/config.php?list=messages', 
    root: 'logs', 
    id: 'ID', 
    fields: ['ReceivedAt', 'Message'] 
}); 

var logGrid = new Ext.grid.GridPanel({ 
    region: 'center', 
    store: logStore, 
    autoWidth: true, 
    height: 1000, 
    colModel: new Ext.grid.ColumnModel({ 
       columns:[ 
      {id: 'received', header: 'Received', dataIndex: 'ReceivedAt', width: 250}, 
          {id: 'message', header: 'Logs', dataIndex: 'Message', width: 750} 
        ] 
      }), 
}); 


var mainViewport = new Ext.Viewport({ 
    layout: 'border', 
    items:[logGrid, searchPanel] 
}); 

上面的代码是我的界面,同时加载了的时候,我没有得到任何错误,我不能让我的数据在网格存储。我相信我的商店/网格直接配置,但这就是我在这里。

下面是我从商店加载我的代码的响应:

{"logs":[ 
    {"ID":"1","ReceivedAt":"2010-07-07 11:37:42","Message":"Apr 9 00:00:02 dh1 dhcpd: Added new forward map from blahhhhhhh to 10.193.blah.blah"}, 
    {"ID":"2","ReceivedAt":"2010-07-07 11:37:42","Message":"Apr 9 00:00:02 dh1 dhcpd: added reverse map from 248.240.blah.blah.in-addr.arpa. to blahhhhhhhh"}, 
    {"ID":"3","ReceivedAt":"2010-07-07 11:37:42","Message":"Apr 9 00:00:02 dh1 dhcpd: DHCPREQUEST for 10.193.blah.blah from aa:bb:cc:dd:ee:ff (blahhhhhh) via 10.193.blah.blah"} 
]} 

编辑显而易见的原因。

我所做的是拿出“日志”,只显示日期,它工作正常;然后我尝试了日志并且失败了。该数据被存储在像MySQL:

4月9日00:00:02 DH1的dhcpd:增加了新的前进图从blah.wifi.blah到10.193.blah.blah

我以为是JS解析数据或有什么麻烦?你们有什么感想?

感谢帮助!

回答

0

你确定此商店正在加载中吗?我只是放弃了这一点,并按我的预期跑步?

Ext.onReady(function(){ 
    var logStore = new Ext.data.JsonStore({ 
     root: 'logs', 
     id: 'ID', 
     fields: ['ReceivedAt', 'Message'], 
     data: { 
      "logs": [{ 
       "ID": "1", 
       "ReceivedAt": "2010-07-07 11:37:42", 
       "Message": "Apr 9 00:00:02 dh1 dhcpd: Added new forward map from blahhhhhhh to 10.193.blah.blah" 
      }, { 
       "ID": "2", 
       "ReceivedAt": "2010-07-07 11:37:42", 
       "Message": "Apr 9 00:00:02 dh1 dhcpd: added reverse map from 248.240.blah.blah.in-addr.arpa. to blahhhhhhhh" 
      }, { 
       "ID": "3", 
       "ReceivedAt": "2010-07-07 11:37:42", 
       "Message": "Apr 9 00:00:02 dh1 dhcpd: DHCPREQUEST for 10.193.blah.blah from aa:bb:cc:dd:ee:ff (blahhhhhh) via 10.193.blah.blah" 
      }] 
     } 
    }); 

    var logGrid = new Ext.grid.GridPanel({ 
     region: 'center', 
     store: logStore, 
     colModel: new Ext.grid.ColumnModel({ 
      columns: [{ 
       id: 'received', 
       header: 'Received', 
       dataIndex: 'ReceivedAt', 
       width: 250 
      }, { 
       id: 'message', 
       header: 'Logs', 
       dataIndex: 'Message', 
       width: 750 
      }] 
     }), 
    }); 


    var mainViewport = new Ext.Viewport({ 
     layout: 'border', 
     items: [logGrid] 
    }); 

}); 

尝试在商店中添加加载事件以查看它是否实际上正确加载。

+0

是的,它正在加载正常,因为我可以看到我的所有信息在萤火虫,再加上如果我拿出日志,日期将显示得很好....它与该讨厌的日志部分有关.. – Tyler 2010-07-13 16:16:41

+0

我只是插入你所做的事情,它的工作正常.....所以我错了,但不知道我应该从哪里走,因为我还是一个新的编程周围。 – Tyler 2010-07-13 16:22:03