处理多个kendo-ui下拉列表

Question

我有以下JSFiddle示例。How do I dispose of a KendoUI DropDownList？http://jsfiddle.net/bryanb/bWRTm/1/

我尝试过以下几种方法，但没有成功：

supplier: <input id="suppliers1" class="suppliers" value="2" />
<br />
supplier: <input id="suppliers2" class="suppliers" value="2" />
<br />
<button id="dispose">Dispose</button>

js：

function comboboxDispose() {
    $(".suppliers").each(function () {
        var combobox = $(this).data("kendoComboBox"),
            popup = combobox.popup,
            element = popup.wrapper[0] ? popup.wrapper : popup.element;

        //remove popup element;
        element.remove();

        //unwrap element
        combobox.element.show().insertBefore(combobox.wrapper);
        combobox.wrapper.remove();

        combobox.element.removeData("kendoComboBox");
    });
}

Answer 1

我想通了。在我的kendoui组合框初始化后，我的选择器选择了错误的元素。修复方法如下：

function comboboxDispose() {
    $("input[class='suppliers']").each(function () {

        var combobox = $(this).data("kendoComboBox"),
            popup = combobox.popup,
            element = popup.wrapper[0] ? popup.wrapper : popup.element;

        //remove popup element;
        element.remove();

        //unwrap element
        combobox.element.show().insertBefore(combobox.wrapper);
        combobox.wrapper.remove();

        combobox.element.removeData("kendoComboBox");
    });
}

工作示例：http://jsfiddle.net/bryanb/bWRTm/2/