[英]Grid panel doesnot render store in ext js 6.0.0
I am studying book 'Mastering Ext Js', I came across problem on Grid Panel doesnot load the data from store, I have debug Json format server came well, i dont know what the issue since there is no error in console. 我正在学习“ Mastering Ext Js”书,我在Grid Panel上遇到问题,无法从存储中加载数据,我调试Json格式的服务器运行良好,我不知道出什么问题,因为控制台中没有错误。
Here is my model class 这是我的模特班
Ext.define("pg.model.security.User", {
extend: 'Ext.data.Model',
idProperty: 'userName',
fields: [
{
name: 'userName'
}, {
name: 'roleId'
}, {
name: 'fullName'
}, {
name: 'emailId'
}, {
name: 'mobileNumber'
}, {
name: 'landLineNumber'
}, {
name: 'picture'
}
]
});
here is store class 这是商店课
Ext.define('pg.store.security.Users', {
extend: 'Ext.data.Store',
requires: [
'pg.model.security.User' // #1
],
storeId:'userStore',
model: 'pg.model.security.User', // #2
proxy: {
type: 'ajax',
url: 'http://localhost:8080/parkgarau-ws/ws/park/userlist',
reader: {
type: 'json',
root: 'data'
}
}
});
From url, i will be successfully retrieving JSON format 从url,我将成功检索JSON格式
{"code":200,"message":"Success","data":"[{\\"userName\\":\\"admin\\",\\"roleId\\":\\"SYS_ADMIN\\",\\"fullName\\":\\"Bibek Shakya\\",\\"emailId\\":\\"bibek@drose.com.np\\",\\"mobileNumber\\":\\"9843598726\\",\\"landLineNumber\\":\\"014323565\\",\\"picture\\":\\"index.jpg\\"}]"} {“代码”:200,“消息”:“成功”,“数据”:“ [{\\” userName \\“:\\” admin \\“,\\” roleId \\“:\\” SYS_ADMIN \\“,\\” fullName \\ “:\\” Bibek Shakya \\“,\\” emailId \\“:\\” bibek@drose.com.np \\“,\\” mobileNumber \\“:\\” 9843598726 \\“,\\” landLineNumber \\“:\\” 014323565 \\“ ,\\“图片\\”:\\“ index.jpg \\”}]“}
here is my view class extend Grid Panel 这是我的视图类扩展网格面板
Ext.define('pg.view.security.UsersList', {
extend: 'Ext.grid.Panel',
alias: 'widget.userslist',
frame: true,
store: Ext.create('pg.store.security.Users'), // #1
columns: [
{
width: 150,
dataIndex: 'userName',
text: 'Username'
},
{
width: 200,
dataIndex: 'fullName',
flex: 1,
text: 'Name'
}, {
width: 250,
dataIndex: 'emailId',
text: 'Email'
}
]
});
This is my controller class 这是我的控制器课
Ext.define('pg.controller.security.Users', {
extend: 'Ext.app.Controller',
views: [
'security.Users' // #1
],
init: function (application) {
this.control({
"userslist": {// #2
render: this.onRender
}
});
},
onRender: function (component, options) { // #3
this.getStore('userStore').load();
}
});
I figure out what was the problem, Problem was on json format, if the format contain'/' it is not going to worked out 我找出问题所在,问题是json格式,如果格式包含'/'则无法解决
{
"code":200,
"message":"Success",
"data":"[{\"userName\":\"admin\",\"roleId\":\"SYS_ADMIN\",\"fullName\":\"Bibek Shakya\",\"emailId\":\"bibek@drose.com.np\",\"mobileNumber\":\"9843598726\",\"landLineNumber\":\"014323565\",\"picture\":\"index.jpg\"}]"}
but with the clear json format it worked well 但使用清晰的json格式,效果很好
[{"userName":"admin","roleId":"SYS_ADMIN","fullName":"Bibek Shakya","emailId":"bibek@drose.com.np","mobileNumber":"9843598726","landLineNumber":"014323565","picture":"index.jpg"}]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.