Sencha touch 带有html按钮的Sencha嵌套列表
我对森查很陌生。我的要求是在嵌套列表中添加一个html按钮,每个项目将把所选项目发布到web APISencha touch 带有html按钮的Sencha嵌套列表,sencha-touch,Sencha Touch,我对森查很陌生。我的要求是在嵌套列表中添加一个html按钮,每个项目将把所选项目发布到web API { xtype: 'nestedlist', title: 'Jobs', iconCls: 'star', getItemTextTpl: function (node) { return '<div style="float:left"&
{
xtype: 'nestedlist',
title: 'Jobs',
iconCls: 'star',
getItemTextTpl: function (node) {
return '<div style="float:left">{text}</div><div style="float:right">
'<input type="button" title="xyz" value="pqr" id="someID"/></div>';
},
store: {
type: 'tree',
fields: [
'text', 'id', 'name', 'title',
{ name: 'leaf', defaultValue: true }
],
root: {
leaf: false
},
proxy: {
type: 'rest',
url: 'http://localhost/AD/api/jobs/',
reader: {
type: 'json',
// rootProperty: 'root'
}
}
},
detailCard: {
xtype: 'panel',
scrollable: true,
styleHtmlContent: true
},
listeners: {
itemtap: function (nestedList, list, index, element, post) {
debugger;
this.getDetailCard().setHtml('<pre><h4>Log</h4>' + post.get('AuditLog') + '</pre>');
},
}
{
xtype:'嵌套列表',
标题:"工作",,
iconCls:'明星',
getItemTextTpl:函数(节点){
返回{text}
'';
},
商店:{
键入:“树”,
字段:[
“文本”、“id”、“名称”、“标题”,
{name:'leaf',defaultValue:true}
],
根目录:{
叶:错
},
代理:{
键入:“rest”,
网址:'http://localhost/AD/api/jobs/',
读者:{
键入:“json”,
//rootProperty:'根'
}
}
},
详情卡:{
xtype:'面板',
可滚动:对,
styleHtmlContent:true
},
听众:{
itemtap:函数(嵌套列表、列表、索引、元素、帖子){
调试器;
this.getDetailCard().setHtml('Log'+post.get('AuditLog')+“”);
},
}
我想将事件侦听器附加到按钮“SomeID”,以便将该项发布到web api进行进一步处理,然后在处理完成后刷新嵌套列表
提前感谢请尝试
侦听器:{
itemtap:函数(嵌套列表、列表、索引、元素、post、e){
if(例如getTarget(someID)){
//在按钮点击这里做点什么
}
否则{
this.getDetailCard().setHtml('Log'+post.get('AuditLog')+“”);
}
},
如果单击SomeID,如何停止导航到详细信息卡?我尝试了SuspendEvents(错误)并返回false,但不返回joy。我希望如果SomeID按钮被单击,它应该保持在嵌套列表上,并发布到web api,更新记录并刷新列表。正常点击列表时,切换到详细信息卡。提前感谢Hi Dibish,如果按钮被单击并保持在同一嵌套列表页面上,如何停止项目点击事件?请参考r有关详细信息,请参阅我之前的评论。谢谢
listeners: {
itemtap: function (nestedList, list, index, element, post,e) {
if (e.getTarget(someID)){
// do something here in button tap
}
else{
this.getDetailCard().setHtml('<pre><h4>Log</h4>' + post.get('AuditLog') + '</pre>');
}
},