处理多个kendo-ui下拉列表

Question

我有以下JSFiddle示例。如何处理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/