"odśwież" menu jquery UI po aktualizacji

Question

Mam żądanie pobierania, które pobiera kilka informacji o kategorii, aby wypełnić <select>. Używam jQuery UI Selectmenu do stylu mojego wyboru.

Więc mój jQuery wygląda trochę tak:

//Initalise the selectmenu 
$("select").selectmenu({ style: 'dropdown' }); 

$.get("http://localhost/somedata?cat=2", function (data) { 
    $.each(data, function (index, itemData) { 
     $("<option value='" + itemData.Id + "'>" + itemData.Name + "</option>").appendTo("#selectList"); 
    }); 
}); 

Jednak ta zapełnia <select> ale nie aktualizuje selectmenu jQuery UI. Jakieś pomysły, co muszę zrobić, aby menu wyboru zostało ponownie narysowane, aby nowe wartości pojawiły się w menu wyboru?

Answer 1

Ill polecamy way..try ajax to

$(document).ready(function(){ 
    $.ajax({ 
        url :/somedata?cat=2,   

        success:function(data){ 
         $.each(data, function (index, itemData) { 
     $("<option value='" + itemData.Id + "'>" + itemData.Name + "</option>").appendTo("#selectList"); 
    }); 

        } 
       }); 
$("select").selectmenu({ style: 'dropdown' }); 
}); 

Answer 2

Można użyć trafnej nazwie refresh metody, udokumentowany w development wiki:

$("select").selectmenu({ style: 'dropdown' }); 

$.get("http://localhost/somedata?cat=2", function(data) { 
    $.each(data, function(index, itemData) { 
     $("<option value='" + itemData.Id + "'>" + itemData.Name 
      + "</option>").appendTo("#selectList"); 
    }); 

    $("select").selectmenu("refresh"); 
}); 

Aktualizacja: Niestety refresh funkcja jest udokumentowana, ale wydaje się, że nie została jeszcze zaimplementowana. Inną opcją jest zniszczenie widget i odtworzyć go:

$("select").selectmenu("destroy").selectmenu({ style: "dropdown" });