extjs数据视图未找到事件选择
extjs dataview not fount event select
更改模板后,数据视图消失事件选择。我有数据视图、存储和模板。但我需要在单击下拉列表时动态更改数据和模板的数据视图。更改模板并加载数据后,我需要选择一行事件。
数据视图:
items: [
{
xtype: 'dataview',
autoScroll: true,
id: 'dataview',
margin: '10 0 10 10',
disableSelection: false,
itemSelector: 'div',
itemTpl: [
'<table>',
' <tr>',
' <td width=''200px''><input type="checkbox" enabled="enabled" value="open" name="comment_status" <tpl if="active">checked="checked"</tpl> /><img src="{host}/avl_icon/get/{id}/18/any.png">{nm}</td>',
' <td class="configure"></td>',
' </tr> ',
' </table>',
' '
],
store: 'CarStore',
listeners: {
itemclick: {
fn: 'onDataviewSelectConfigure',
single: false
},
select: 'onDataviewSelect'
}
}
存储
Ext.define('MyApp.store.CarStore', {
extend: 'Ext.data.Store',
requires: [
'MyApp.model.CarModel',
'Ext.data.JsonStore',
'Ext.data.proxy.Ajax',
'Ext.data.JsonPStore'
],
constructor: function(cfg) {
var me = this;
cfg = cfg || {};
me.callParent([Ext.apply({
pageSize: 999,
storeId: 'CarStore',
model: 'MyApp.model.CarModel',
proxy: {
type: 'jsonp',
url: 'http://localhost:3000/wialoncollector/items/'+Ext.util.Cookies.get("ssid"),
callbackKey: 'callback',
reader: {
root: 'items'
},
headers: '("Access-Control-Allow-Origin", "*")'
}
}, cfg)]);
}
});
功能新模板
onObjectsClick: function(component, eOpts) {
var panel = Ext.getCmp('dataview');
store = Ext.getStore('CarStore');
store.reload();
panel.tpl = new Ext.XTemplate(
'<tpl for=".">',
'<table class="tabview">',
' <tr>',
' <td width=''200px''><input type="checkbox" enabled="enabled" value="open" name="comment_status" <tpl if="active">checked="checked"</tpl> /><img src="{host}/avl_icon/get/{id}/18/any.png">{nm}</td>',
' <td class="configure"></td>',
' </tr> ',
' </table>',
'</tpl>',
' ');
}
渲染新模板和数据后,我无法应用事件选择。我做错了什么?
看起来itemSelector
是一个div,但模板上没有div。
尝试将其更改为itemSelector: tr[name=car]
然后将您的新tpl更改为:
panel.tpl = new Ext.XTemplate(
'<tpl for=".">',
'<table class="tabview">',
' <tr name=''car''>',
' <td width=''200px''><input type="checkbox" enabled="enabled" value="open" name="comment_status" <tpl if="active">checked="checked"</tpl> /><img src="{host}/avl_icon/get/{id}/18/any.png">{nm}</td>',
' <td class="configure"></td>',
' </tr> ',
' </table>',
'</tpl>',
' ');
相关文章:
- 选择onclick事件jquery
- 如何在触发事件后选择select选项
- 什么是“;选择“;然后触发事件
- 类似jQuery的主干事件选择器
- 用于关闭和打开的Jquery事件选择下拉菜单,而不是在更改时
- 点击事件:选择要按 ID 点击的项目
- 如何在 HTML 中使用 OnClick 事件<选择>
- 将事件选择器委托为第 n 个元素不起作用
- jQuery 单击事件选择选项不适用于 jQuery Mobile 框架
- extjs数据视图未找到事件选择
- 使用jQuery为触摸事件选择区域
- 如何调用不同的事件选择并点击jstree(vakata)
- jQuery点击事件选择元素不工作的期望在Chrome 54
- Javascript动态onChange事件选择
- 点击事件选择器语法
- 使用mouseup事件选择文本,使用调用函数选择dbclick事件
- 如何使用Javascript使onclick事件选择被单击的元素的id ?
- OfficeJs/WordJs通过索引和绑定单击事件选择文本范围
- jQuery/javascript事件选择展开/折叠
- JS后添加<在现有的
- 中,我无法使用click事件选择它