Question

我正在尝试将Jquery与Kendo网格模板中的控件一起使用，但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

我想说问题是你在实际创建Grid之前定义了click处理程序事件。有可能吗？

在此处查看：http://jsfiddle.net/OnaBai/8U6rg/5/

请尝试：

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

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

Answer 3

你可以使用Jquery＆＃39;在DOM元素上绑定事件的方法，这些元素加载的时间晚于它们的绑定。

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

Jquery没有使用Kendo Grid模板

3 个答案: