JQuery не работает с шаблоном Grid Kendo

Question

Я пытаюсь использовать Jquery с элементами управления внутри шаблона Kendo Grid, но jquery не работает и не получает ошибок.

$("#grid").kendoGrid({ 
      dataSource: { 
       type: "json", 
       transport: { 
        read: { 
         url: url, 
         dataType: "json", 
         type: "GET", 

        } 
       }, 
       pageSize: 50 
      }, 
      //height: 550, 
      groupable: true, 
      filterable: true, 
      sortable: true, 
      toolbar: kendo.template($("#template").html()), 
      pageable: { 
       refresh: true, 
       pageSizes: true, 
       buttonCount: 5 
      }, 
      columns: [{ 
       field: "ApplicantRefNo", 
       title: "Reference No.", 
       //width: 200 
      }, { 
       field: "FirstName", 
       title: "First Name" 
      }, { 
       field: "Mobile", 
       title: "Mobile" 
      }, { 
       field: "Address", 
       title: "Address" 
      }, 
      { 
       field: "Marks", 
       title: "Test Score" 
      }] 
     }); 
    } 

<script type="text/x-kendo-template" id="template"> 
       <div class="toolbar"> 

        <a id="btnSaveAll">Save All</a> 

       </div> 

</script> 

<script> 

    $(document).ready(function() { 

     $("#btnSaveAll").click(function() { 
         alert("ff"); 
      }); 
     }); 
</script> 

Answer 1

попробовать это ..

$(document).on("click","#btnSaveAll", function(e){ 
    alert("ff"); 
}); 

благодаря

Answer 2

Я бы сказал, что проблема в том, что вы определяете событие click обработчика до сетки фактически создается. Является ли это возможным?

Проверьте это здесь: http://jsfiddle.net/OnaBai/8U6rg/5/

Пожалуйста, попробуйте:

$(document).ready(function() { 
    alert("BtnSave : " + $("#btnSaveAll").length); 
    $("#btnSaveAll").click(function() { 
    alert("ff"); 
    }); 
}); 

И убедитесь, что тревога показывает сообщение BtnSave: 1

Answer 3

Вы можете использовать Jquery 'на' метод связывания событие на элементах DOM, которые загружаются позже, чем они связаны.

$("#btnSaveAll").on('click', function(e){ 
    alert("ff"); 
});