how to fire a event inside treeview node

[Andy]

 <script id="treeview-template" type="text/kendo-ui-template">
            <button  class="editrow"><i class="icon-pencil"></i>Edit</button>
            <button  class="removerow k-button"><i class="icon-trash"></i>Delete</button>
         
             <span class="k-label" style="margin-left:50px">#: item.AttrID #</span>  <span class="k-label" style="margin-left:150px"> #: item.AttrDesc #</span>
            <input type="hidden" name="itemid" value="#: item.UID # ">
            <input type="hidden" name="itemCustomerUID" value="#: item.CustomerUID # ">
             <input type="hidden" name="itemAttrTable" value="#: item.AttrTable # ">
            <input type="hidden" name="itemAttrID" value="#: item.AttrID # ">
             <input type="hidden" name="itemAttrDesc" value="#: item.AttrDesc # ">                      
</script>     

both 
  $('.removerow').on('click', function (e) {                  
            alert('removerow edit');           
        });

and
  $('.removerow').on('click', function (e) { 
  e.preventDefault();
            e.stopPropagation();                
            alert('removerow edit');           
        });
can not work.


i even add 
 $('#treeview').kendoTreeView({
            dataSource: hierarchyAttrs,
             select: onSelect,
            template: kendo.template($("#treeview-template").html())
        });

        function onSelect(e) {
            alert('sel');
           e.preventDefault();
          e.stopPropagation();
         }
it can show 'sel'
but  alert('removerow edit');  still can not work.

same thing for the .editrow


pls help , urgent.
thanks
andy

[Andy]

i changed treeview to listview , samething , can not fire click inside both treeview and listview.


help

when i changed the button outside  both treeview and listview. it showed alert, that is ok

[Alex Gyoshev]

Hello Andy,

The code
$('.removerow').on('click', function (e) { ... })
immediately finds all .removerow elements on the page. It is likely that they are not yet rendered, and thus -- they do not get the event handler. In order to handle all such elements that will be added to the treeview in the future, use delegated events. In your scenario, this would be:
$('#treeview').on('click', '.removerow', function (e) { ... })

Regards,
Alex Gyoshev
the Telerik team