Sencha touch Sencha Touch访问模板数据
我创建了一个基于表格的模板,所以我可以得到一种类似网格的感觉。我的问题是,当我单击表行时,如何获得弹出的警报(带有td信息) 这是我的getUserList.js文件Sencha touch Sencha Touch访问模板数据,sencha-touch,task-parallel-library,Sencha Touch,Task Parallel Library,我创建了一个基于表格的模板,所以我可以得到一种类似网格的感觉。我的问题是,当我单击表行时,如何获得弹出的警报(带有td信息) 这是我的getUserList.js文件 Ext.regModel("User", { fields: [ "id", "name", "username", "password",
Ext.regModel("User", {
fields: [
"id",
"name",
"username",
"password",
"email",
"phone"
]
});
var myStore = new Ext.data.Store({
model: 'User',
proxy: {
type: 'ajax',
url : '../sencha/php/getUserList.php',
reader: {
type: 'json',
root: 'results'
}
},
autoLoad: true
});
var tpl = new Ext.XTemplate(//'<h2>test information</h2>'
'<table id="userTable"',
'<tpl for=".">',
'<tr>',
'<td class="x-view-over">',
'<span class="thumb-wrap">{id}</span>',
'</td>',
'<td class="x-view-over">',
'<span class="thumb-wrap"><a onclick="alert(tpl.name)">{name}</a></span>',
'</td>',
'<td>',
'{username}',
'</td>',
'<td>',
'{password}',
'</td>',
'<td>',
'{email}',
'</td>',
'<td>',
'{phone}',
'</td>',
'</tr>',
'</tpl>',
'</table>',
'<div class="x-clear"></div>'
);
var panel = new Ext.extend(Ext.Panel,{
id:'images-view',
frame:true,
//width:535,
autoHeight:true,
collapsible:true,
title:'Simple DataView',
initComponent: function() {
panel.superclass.initComponent.call(this);
},
items: new Ext.DataView({
store: myStore,
tpl: tpl,
autoHeight:true,
multiSelect: true,
overItemCls:'x-view-over',
itemSelector:'tr',
emptyText: 'No images to display'
})
});
Ext.reg('userPanel', panel);
Ext.regModel(“用户”{
字段:[
“身份证”,
“姓名”,
“用户名”,
“密码”,
“电子邮件”,
“电话”
]
});
var myStore=new Ext.data.Store({
模型:“用户”,
代理:{
键入:“ajax”,
url:“../sencha/php/getUserList.php”,
读者:{
键入:“json”,
根:“结果”
}
},
自动加载:正确
});
var tpl=new Ext.XTemplate(//“测试信息”
“好吧,没人帮我,我终于找到了答案。下面是我如何在模板中获取行id的方法:
var newDV = new Ext.DataView({
store: myStore,
tpl: tpl,
autoHeight:true,
//multiSelect: true,
//overItemCls:'x-view-over',
itemSelector:'tr',
listeners: {
itemtap: function(dv, idx, itm, e) {
alert(dv.getStore().getAt(idx).getId());
}
}
})