kendo-ui - 如何获取 kendoui 小部件的源 (sende)r 元素

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