配置多个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 combobox被初始化后选择了错误的元素。这里是修复：

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/