button in template

[kjcr]

three more days make me to modify this code
but i fail.

'<tpl if="this.checkValue(values.type)">',         
+ '<dl style="display:inline-block;width:100px;color:red;font-weight:bold;padding-left:20px;">'
+'{[values.type.toUpperCase()]}'+']</dl>',          
'<div style="display:inline-block;float:right;padding-right:5px;"><input type="button" id="showXML" style="width:50px" value="Edit"/></div>',          
'</tpl>'

and i make

Ext.getCmp('showXML').on('click',function(){//mycode})

i fail this code,

and i try another,

<input type="button" onclick=[{this.myfunction()}] id="showXML" style="width:50px" value="Edit"/>

and i fail, too.

is there any solution about this?

[kjcr]

do you know anything about this?

i use

$('.className').bind({
click:function(){
//mycode
}})

and also use

listeners:{                afterrender:function(aa, eOpts ){                    var id = Ext.id();                    var component = Ext.get(id);                    component.on('click', function(component) {                       console.log('hhhhh');                    });
}

but none of these work.
please help me.

[mitchellsimoens]

listeners : {
    element : 'element',
    delegate : 'input[type=button]',
    tap : function() {}
}

[kjcr]

but it didnot work.

so I solve this problem other way

 var valPanel = Ext.create('Ext.view.View',{
    store:project_val,
      id:'gridVal',
      style:{
       background:'#ffffff'
      },
      emptyText:'There is no Data',
      tpl:tpl,
      itemSelector:'div.thumb-wrap',
      listeners:{
       itemclick:function(view, e, item, index) {
                     console.log(index);
       }
       }
      }
     });

and my template

'<tpl for=".">',
     '<div style="padding-top:10px;border-bottom:1px solid #e9e5e5;padding-bottom:10px;">',
        '<tpl if="this.checkValue(values.type)">',
     '<dl style="display:inline-block;width:100px;color:red;font-weight:bold;padding-left:20px;">&#45;['+'{[values.type.toUpperCase()]}'+']</dl>',
     '<div class="thumb-wrap" style="display:inline-block;float:right;padding-right:5px;"><a id="test" class="showXML" href="#"><img src="images/edit.png"></a></div>',
     '</tpl>',
    
    '<tpl if="this.checkValue2(values.type)">',
     '<dl style="display:inline-block;width:100px;color:blue;font-weight:bold;padding-left:20px;">&#45;['+'{[values.type.toUpperCase()]}'+']</dl>',
     '<div class="thumb-wrap" style="display:inline-block;float:right;padding-right:5px"><a class="showXML" href="#"><img src="images/edit.png"></a></div>',
    '</tpl>',
    '<dt style="display:inline">{title}</dt>',
    '<dt style="padding-left:30px;">{message}</dt>',
    '</div>',
   '</tpl>'

this is work^^