单击时获取Kendo UI Multiple Select中的节点名称

时间:2013-07-26 13:27:06

标签: kendo-ui multiple-select

我正在使用Kendo UI多选,我想要点击它时当前选择的节点的名称。这不仅仅是当我点击X删除节点时,虽然我删除它时也需要该名称。

this example中,当我点击标签时,我想要的名称如" Europe"和#34;非洲"。

我已经尝试过这段代码,但它只是偶尔有效,而不是点击X时。

    $('.k-multiselect-wrap li .k-delete').click(function() {
           console.log('Select to remove it');          
    });

1 个答案:

答案 0 :(得分:0)

您需要使用delegated events,因为这些项目是在初始绑定后添加到DOM中的,因此常规.click事件绑定不会适用于将来添加的任何元素。例如:

$(document).on("click", "li.k-button span.k-icon.k-delete", function () {
    console.log("Clicked on X: " + $(this).siblings().first().text());
});

请参阅 update jsFiddle