Question

我正在使用kendoListview。我给了我的列表视图，

<div id="listview"></div>
 var listview = $("#listview").kendoListView({
    selectable: true,
    navigatable: false,
    editable: true,
    template: kendo.template($("#template").html()),
    editTemplate: kendo.template($("#editTemplate").html()),
 }).data("kendoListView");

在我给出的编辑模板中，

<script type="text/x-kendo-tmpl" id="editTemplate">
    <div>
    <table style="width:500px">
     <tr>
        <td>Name</td>
        <td><input type="text" class="k-textbox" id="firstName"/></td>
     </tr> 

     </table>
     <div class="edit-buttons">
       <input type="button" class="k-update" id = "save1" value="save"/>
       <input type="button" class="k-cancel-button" id = "cancel1" value="cancel"/>
     </div>
   </div>
</script>

如果我为保存按钮提供鼠标按下事件则不会触发。

$("#save1").mousedown(function (e) {
       alert("In mouse down");
 });

如果我定义按钮外侧列表视图，则此事件正在触发。问题是什么？

Answer 1

问题可能与以下事实有关：当您设置mousedown事件处理程序时，没有id save1的元素，因为这是模板的一部分并在您创建时创建进入编辑模式。

所以要么你跑：

$("#save1").mousedown(function (e) {
    alert("In mouse down");
});

每次进入版本模式或使用jQuery live或on：

$("#listview").on("mousedown", "#save1", function (e) {
       alert("In mouse down");
 });

在此处查看实现此内容的JSFiddle：http://jsfiddle.net/OnaBai/6vac4/

mousedown事件不适用于kendolistview按钮

1 个答案: