ExtJS4网格存储/模型显示空行
ExtJS4 Grid store/model showing empty row(s)
我的问题与这个问题非常相似:
ExtJS4网格面板数据未显示
但是在语法上有一点不同&行为,我花了一天的时间尝试了很多方法来解决,但都失败了。
请注意:我必须通过调用父构造函数而不是json字段构造来保持SharpKit.NET的生成行为,如下面的代码
Ext.define("Core.Scripts.model.Book", {
extend: "Ext.data.Model",
fields: ["title", "pages"] // Do not use this
});
Ext.define("Core.Scripts.model.Book", {
extend: "Ext.data.Model",
constructor: function () {
this.callParent([{ fields: ["title", "pages"] }]); // Use this
}
});
这是我在jsfiddle上的简化版本的链接http://jsfiddle.net/thanhptr/LqXan/.Bellow是我复制的代码,这个代码仍然没有修复:
Ext.define("Core.Scripts.model.Book", {
extend: "Ext.data.Model",
constructor: function () {
this.callParent([{ fields: ["title", "pages"] }]);
}
});
Ext.define("Core.Scripts.store.Store", {
extend: "Ext.data.Store",
constructor: function () {
this.callParent([{
model: "Core.Scripts.model.Book",
data: [
{ title: "book 1", pages: 10 },
{ title: "book 2", pages: 20 }
]
}]);
}
});
Ext.define("Core.Scripts.view.GridPanel", {
extend: "Ext.grid.Panel",
constructor: function () {
this.callParent([{
store: new Core.Scripts.store.Store(),
region: "center",
columns: [
{ header: "title", dataIndex: "title" },
{ header: "pages", dataIndex: "pages" }
]
}]);
}
});
Ext.define("Core.Scripts.view.DetailViewport", {
extend: "Ext.container.Viewport",
constructor: function () {
this.callParent([{
frame: true,
layout: "border",
items: [new Core.Scripts.view.GridPanel()]
}]);
}
});
Ext.onReady(function () {
var viewPort = new Core.Scripts.view.DetailViewport();
});
我也无法使您的示例正常工作,但我修改了一些代码并使其正常工作。
Ext.define("Core.Scripts.model.Book", {
extend: "Ext.data.Model",
fields: ["title", "pages"]
});
Ext.define("Core.Scripts.store.Store", {
extend: "Ext.data.Store",
model: "Core.Scripts.model.Book",
data: [
{ title: "book 1", pages: 10 },
{ title: "book 2", pages: 20 }
]
});
Ext.define("Core.Scripts.view.GridPanel", {
extend: "Ext.grid.Panel",
region: "center",
height: '200',
store: Ext.create('Core.Scripts.store.Store'),
columns: [
{ header: "title", dataIndex: "title" },
{ header: "pages", dataIndex: "pages" }
]
});
Ext.define("Core.Scripts.view.DetailViewport", {
extend: "Ext.container.Viewport",
frame: true,
layout: "border",
initComponent: function () {
this.items = [new Core.Scripts.view.GridPanel];
this.callParent(arguments);
}
});
Ext.onReady(function () {
var viewPort = new Core.Scripts.view.DetailViewport();
});
相关文章:
- 显示模块模式在Knockout中设置模型的新实例
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- Three.JS OBJ模型未显示
- 代码点火器型号中未显示报警框.模型警报中的
- 显示/隐藏有关模型更改的指令内容
- 是否可以使用flexbox显示模型设置元素的滚动位置
- 如果所有模型值都不为空,则显示角度
- Collada模型在Three.js中显示为黑色
- 我的html5应用程序无法显示模型
- 主干模板如何显示模型值
- 尝试使用 Angular 动态显示模型
- 使用 Ember.js 在模板中显示模型 JSON 数据
- 如何从下拉菜单django中显示模型窗体
- Sails.js-尝试显示模型数据时出现问题
- 主干-如何填充和显示模型中的集合项
- Angular JS, Typescript -当使用$watch时,UI不会显示模型的变化
- 如何在angular js中显示模型对象
- 如何在blueprint api中显示模型方法
- 在复选框中显示模型的反转状态
- 如何在Javascript中显示c#模型列表的一个方面