Hier ist die Src-Code für HTML-DateiGRID ist nicht richtig in ExtJS gemacht 4 von Shop mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4 /strict.dtd">
<html>
<head>
<title>MVC Architecture</title>
<link rel="stylesheet" type="text/css" href="/bh/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/ext-debug.js"></script>
<script type="text/javascript" src="Main.js"></script>
</head>
<body>
</body>
</html>
Dateipfad: /bh/Main.js [Main File]
Ext.require('Ext.container.Viewport');
Ext.application({
name: 'App',
appFolder: 'app',
controllers: ['UserController'],
launch: function() {
Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [
{
xtype: 'userList'
}
]
});
}
});
Datei Pfad: /app/controller/UserController.js [Controller]
Ext.define('App.controller.UserController',{
extend: 'Ext.app.Controller',
stores: ['UserStore'],
models:['UserModel'],
views:['user.UserList'],
init: function() {
this.getUserStoreStore().load();
}
});
Dateipfad: /app/store/UserStore.js
Ext.define('App.store.UserStore', {
extend: 'Ext.data.Store',
model: 'App.model.UserModel',
proxy: {
type: 'ajax',
url: 'app/data/contact.json'
}
});
Dateipfad: /app/model/UserModel.js [Model]
Ext.define('App.model.UserModel',{
extends:'Ext.data.Model',
fields:[
{name: 'name', type: 'string'},
{name: 'age', type: 'string'},
{name: 'phone', type: 'string'},
{name: 'email', type: 'string'}
]
});
Dateipfad: /app/view/UserList.js [Ansicht]
Ext.define('App.view.user.UserList' ,{
extend: 'Ext.grid.Panel',
alias:'widget.userList',
title:'Contacts',
region:'center',
resizable:true,
initComponent: function() {
this.store = 'UserStore';
this.columns = [
{text: 'Name',flex:1,sortable: true,dataIndex: 'name'},
{text: 'Age',flex:1,sortable: true,dataIndex: 'age'},
{text: 'Phone',flex:1,sortable: true,dataIndex: 'phone'},
{text: 'Email',flex:1,sortable: true,dataIndex: 'email'}
];
this.callParent(arguments);
}
}) ;
In Feuer Bug zeigt es die JSON-Antwort wie folgt:
[{
"name": "Aswini",
"age": "32",
"phone": "555-555-5555",
"email": "[email protected]"
}]
Warum die Daten nicht angezeigt wurde, obwohl ich eine gültige Json Antwort haben. Bitte helfen !!!
Oh wat ist das ich geschrieben habe, erstreckt sich statt im Store erweitern sie Datei sollte erweitert werden: 'Ext.data.Model' – aswininayak
Sie haben eine gültige JSON-Antwort, aber haben Sie Datensätze im Geschäft? – sha
können Sie bitte die Lösung teilen, wenn Sie haben? – Patton