Javascript Extjs将本地JSON对象加载到网格

我是ExtJS新手，正在尝试网格上的各种选项。我已经创建了一个网格并将其添加到面板（Ext.panel.panel）。网格显示为空数据（我没有向其中添加代理）。在某个事件发生时，我构造一个JSON对象并在网格上触发

loadData

下面是我的代码片段

Ext.define（'AM.view.grid.Details'{
扩展：“Ext.grid.Panel”，
别名：“widget.details”，
标题：“小部件数据”，
商店：{
奥托劳德：没错，
字段：[{
名称：“widgetid”，
映射：'widget_id'，
键入：“字符串”
}, {
名称：“widgetname”，
映射：'widget_name'，
键入：“字符串”
}, {
名称：“widgetnotes”，
映射：'widget_notes'，
键入：“字符串”
}],
读者：{
键入：“json”
}
},
宽度：620，
身高：400，
forceFit：对，
栏目：[{
标题：“id”，
数据索引：“widgetid”，
隐藏：真的
}, {
标题：“名称”，
数据索引：“widgetname”，
宽度：150
}, {
标题：“注意”，
数据索引：“widgetnotes”，
宽度：150
}],
renderTo:Ext.getBody（）
});

我有一个函数，它是另一个小部件的回调函数。当事件发生时，此函数将被触发

函数someFunction（网格）{
var jsonData=formGridData（）；
grid.store.loadData（jsonData）；
}

请假设网格已经创建，我有一个函数formGridData（），它将格式字符串转换为JSON对象并返回

因此，当我运行应用程序时，如果jsonData的长度为5，那么网格中会出现5个空行

以下是JSONData

[{
“widget_id”：“widget-1”，
“widget_name”：“gridpanel”，
“widget_notes”：“这用于处理…”
}, {
“widget_id”：“widget-2”，
“widget_name”：“combo”，
“widget_note”：“这用于处理…”
}, {
“widget_id”：“widget-3”，
“小部件名称”：“面板”，
“widget_note”：“这用于处理…”
}]

我所做的有什么不对吗

谢谢，

---

帕尼

对不起，我没有注意到这一点

看来你的数据索引是无效的

---

对不起，我没注意到

看来你的数据索引是无效的

---

网格上的数据索引错误

列：[{
标题：“id”，
dataIndex:'widget_id'，//是widgetid
隐藏：真的
}, {
标题：“名称”，
dataIndex:'widget_name'，//是widgetname
宽度：150
}, {
标题：“注意”，
dataIndex:'widget_notes'，//是widgetnotes
宽度：150
}]

---

所发生的事情是，它看到了正确数量的行，但由于作为示例的json名为widget_*和note widget*，它认为它们是其他东西，因此无法在网格中适当地显示它们。网格上的数据索引是错误的

列：[{
标题：“id”，
dataIndex:'widget_id'，//是widgetid
隐藏：真的
}, {
标题：“名称”，
dataIndex:'widget_name'，//是widgetname
宽度：150
}, {
标题：“注意”，
dataIndex:'widget_notes'，//是widgetnotes
宽度：150
}]

---

所发生的事情是，它看到了正确数量的行，但由于作为示例的json名为widget_*和note widget*，它认为它们是其他东西，因此无法在网格中适当地显示它们

jsonData已经是解码格式。jsonData不是一个字符串，而是一个JSON对象。感谢Xenon为您提供了精彩的示例。这确实使我的任务更容易了。非常感谢。数据已经解码了。jsonData不是一个字符串，而是一个JSON对象。感谢Xenon为您提供了精彩的示例。这确实使我的任务更容易了。非常感谢，我的数据索引是正确的，我的意思是喜欢你在答案中的方式。也许我的答案不清楚，我已经修改了。如果是清楚的，那么你的问题的json是错误的。哦，我还没有看到你的评论，它确实对我有用。谢谢，我的数据索引是正确的，我的意思是，就像你在答案中的方式。也许我的答案不清楚，我已经修改了。如果是清楚的，那么你的问题的json是错误的。哦，我还没有看到你的评论，它确实对我有用。谢谢