asp.net, заполните jQuery UI, выбираемый вызовом ajax

Question

Я работаю над заполнением jQuery по выбору через вызов ajax. Я подготовил серверный API, который был протестирован, вернет сериализованный объект Джейсон.

Я объявил выбираемый на стороне клиента

<ol id="selectable"></ol>

Тогда у меня кнопка вызовет вызов ajax для получения данных.

$.ajax({
                url: '/api/XXX/XXX,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                //error: OnAjaxError,
                success: function (data) {

                }
            });

button.onclick = function () {
            $("#selectable").selectable({
                  //here to fill the selectable list
                });                
        }

Я искал через Google, но большинство случаев, которые я нашел, были предопределены списком на стороне клиента.

Тогда как я отрисовываю список после того, как получил свои данные?

Спасибо!

Answer 1

Сделайте цикл ваших возвращенных данных с сервера и соберите li теги динамически в ваш ol тег, а затем применить плагин.

    $.ajax({
                url: '/api/XXX/XXX,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                //error: OnAjaxError,
                success: function (data) {
                   $.each(data,function(){
                     $("#selectable").append('<li>'+this.Name+'</li>');
                     //here I am using data.item change it to whatever your server is returning and what you have to show in the li tags
                   });
                   $("#selectable").selectable(); //apply the plugin
                }
            });