0
我正在學習書'掌握分機Js',我遇到網格面板上的問題沒有從商店加載數據,我有調試JSON格式服務器來得好,我不知道由於控制檯中沒有錯誤,所以問題是什麼。網格面板不提供存儲在分機js 6.0.0
這裏是我的模型類
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'
}
]
});
這裏商店類
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'
}
}
});
從網址,我會成功檢索JSON格式
{ 「代碼」 200」消息「:」成功「,」數據「:」[{\「userName \」:\「admin \」,\「roleId \」:\「SYS_ADMIN \」,\「fullName \」:\「Bibek Shakya \」 ,\ 「EMAILID \」:\ 「[email protected] \」,\ 「移動電話號碼\」:\ 「9843598726 \」,\「landLineNumber \ 「:\」 014323565 \ 「\ 」圖片\「:\ 」index.jpg \「}]」}
這是我的視圖類延伸網格面板
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'
}
]
});
這是我的控制器類
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();
}
});
這是因爲'\「'沒有。這是因爲你用雙引號括起了一個數組['....]。 – Thevs
@Thevs我不明白,它是服務器的格式,響應(代碼,味精,數據), –
@ B'bekShakya請爲服務器端代碼顯示JSON代。它有什麼問題。 – Alexander