jquery - Jquery 不适用于 Kendo Grid 模板

Question

我正在尝试将 Jquery 与 Kendo Grid Template 中的控件一起使用，但 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在实际创建 Grid 之前定义了处理程序事件。是否可以？

在这里检查：http: //jsfiddle.net/OnaBai/8U6rg/5/

请试试：

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

并检查警报是否显示消息BtnSave : 1

Answer 3

您可以使用 Jquery 'on' 方法在加载晚于绑定的 DOM 元素上绑定事件。

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