Sencha touch 带有html按钮的Sencha嵌套列表

Sencha touch 带有html按钮的Sencha嵌套列表,sencha-touch,Sencha Touch,我对森查很陌生。我的要求是在嵌套列表中添加一个html按钮,每个项目将把所选项目发布到web API { xtype: 'nestedlist', title: 'Jobs', iconCls: 'star', getItemTextTpl: function (node) { return '<div style="float:left"&

我对森查很陌生。我的要求是在嵌套列表中添加一个html按钮,每个项目将把所选项目发布到web API

{
              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>');
}

},