2016-12-17 60 views
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(); 
} 
}); 

回答

0

我弄清楚什麼是問題,問題是在JSON格式, 如果格式包含「/」它是不會制定出

{ 
"code":200, 
"message":"Success", 
"data":"[{\"userName\":\"admin\",\"roleId\":\"SYS_ADMIN\",\"fullName\":\"Bibek Shakya\",\"emailId\":\"[email protected]\",\"mobileNumber\":\"9843598726\",\"landLineNumber\":\"014323565\",\"picture\":\"index.jpg\"}]"} 

但隨着清JSON格式,效果不錯

[{"userName":"admin","roleId":"SYS_ADMIN","fullName":"Bibek Shakya","emailId":"[email protected]","mobileNumber":"9843598726","landLineNumber":"014323565","picture":"index.jpg"}] 
+0

這是因爲'\「'沒有。這是因爲你用雙引號括起了一個數組['....]。 – Thevs

+0

@Thevs我不明白,它是服務器的格式,響應(代碼,味精,數據), –

+0

@ B'bekShakya請爲服務器端代碼顯示JSON代。它有什麼問題。 – Alexander