数据视图样本在MVC架构下不工作
Dataview sample in MVC architecture isn't working
我参考了ExtJS 5.01 dataview示例,并在MVC架构中进行了修改。
但是有一个问题浏览器显示错误消息"Uncaught TypeError: Cannot read property 'on' of null"。
我的代码有什么问题?
小提琴
窗口:
Ext.define('Fiddle.view.Viewport', {
extend: 'Ext.container.Viewport',
layout: 'border',
requires: [
'Fiddle.view.IconView'
],
items: [{
region: 'center',
xtype: 'iconview',
}]
});
存储:
Ext.define('Fiddle.store.IconView', {
extend: 'Ext.data.Store',
model: 'Fiddle.model.IconView',
data: [
{ src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts' },
{ src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data' },
{ src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme' },
{ src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned' }
]
});
模型:
Ext.define('Fiddle.model.IconView', {
extend: 'Ext.data.Model',
fields: [
{ name:'src', type:'string' },
{ name:'caption', type:'string' }
]
});
视图:
Ext.define('Fiddle.view.IconView', {
extend: 'Ext.view.View',
alias: 'widget.iconview',
initComponent: function() {
var me = this;
var imageTpl = new Ext.XTemplate(
'<tpl for=".">',
'<div style="margin-bottom: 10px;" class="thumb-wrap">',
'<img src="{src}" />',
'<br/><span>{caption}</span>',
'</div>',
'</tpl>'
);
Ext.apply(me, {
store: 'IconView',
itemSelector: 'div.thumb-wrap',
emptyText: 'No images available',
tpl: imageTpl
});
me.callParent(arguments);
}
});
在您的Ext.application
(app.js
)中添加:
stores: ['IconView']
基于您的代码的工作示例:https://fiddle.sencha.com/#fiddle/vc2
相关文章:
- MVC 分部视图中的 JQuery UI 自动完成功能只能工作一次
- 为什么在Firefox更新之后JQuery不能在我的MVC 4应用程序中工作
- 使用ASP.Net MVC Web Api将JSON数据导出到Excel工作表
- jQuery日期选择器在Firefox和IE的MVC部分视图上进行ajax更新后无法工作
- javascript函数没有'不能在MVC项目下工作
- ng单击无法在MVC部分视图中工作
- 我可以在 MVC 3.0 中获得一个工作 Asp.NET jsTree 4 示例,并异步加载节点
- Spring MVC、CSS 和 JavaScript 无法正常工作
- 引导 3 个单选按钮到按钮 ASP.NET MVC 下无法完全正常工作
- MVC 模型绑定无法通过 AJAX 请求工作
- jQuery在发布到localhost后无法在 asp.net MVC中工作
- ko.toJSON()在MVC中工作,但在asp.net FORM应用程序中“;{item:“+ko.toJSON(产品
- ASP.NET MVC捆绑包在本地工作,但不在服务器中
- 可以'不要让Angular应用程序在MVC布局中工作
- ASP MVC jQuery验证专注于工作,但不专注于表单提交
- MVC Webgrid,javascript在排序和分页后停止工作
- 禁用的按钮在MVC中无法正常工作
- jquery对话框没有'我在手风琴mvc剃须刀上工作
- 带有MVC的Javascript在没有浏览器调试器的情况下无法在IE中工作
- 这个AngularJS是如何工作的;HelloWorld"应用有些人怀疑Angular是如何实现MVC模式的