Question

如何获得kendoui datepicker小部件的调用者（发送者）？或任何小部件。

<input id="datepicker1" class="datepicker" value="10/10/2011" />

$(document).ready(function () {
    // ready
    $(".datepicker").kendoDatePicker({
        change: onchange
    });
});

function onchange(e) {
    $(this).hide();
}

这是一个小提琴：http://jsfiddle.net/bryanb/zz48F/

Answer 1

发件人可以this.element使用。它将是一个jQuery对象：

$(function () {
    function onchange(e) {
        alert(this.element.prop("id"));
    }

    $(".datepicker").kendoDatePicker({
        change: onchange
    });
});

http://jsfiddle.net/zz48F/3/

Answer 2

如果您使用的是剑道按钮：

您可以使用以下内容在按钮的onclick事件中获取发件人：

clickSelector(e) {

        alert("button " + e.sender.element.prop("id"));
    }

然后从按钮的点击事件中调用clickSelector

例如，如果你有按钮：

<button id="btnStudentAccounts"  type="button" class="k-button">Student Accounts</button>
<button id="btnFaculty"  type="button" class="k-button">Faculty</button>

代码：

  that = this;
  $("#btnStudentAccounts").kendoButton({
            enable: true,
            click: function (e) {
                that.clickSelector(e);
            }
        });


$("#btnFaculty").kendoButton({
        enable: true,
        click: function (e) {
               that.clickSelector(e);
            }
        });

如果你点击btnFaculty，你会得到：

按钮btnFaculty

我如何获取源（kendo ui小部件的发送方元素）

2 个答案: