Загрузка панели панели пользовательского интерфейса Kendo с использованием источника данных

Я пытаюсь динамически загрузить панель панели, используя источник данных. На самом деле в документации я получил информацию только об использовании ajax, поэтому я реализовал так:

    $.ajax({                        
                type: "POST",
                url: '/Home/GetPanelInfo',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (json) {

                    $("#panelBar").kendoPanelBar({
                        expandMode: "single",
                        id: "usr_id",
                        dataSource: [{ text: json[0].groups_name, expand: true, contentUrl: "/Home/Index" },
                                     { text: json[1].groups_name, expand: true, contentUrl: "/Home/Index" },
                                     { text: json[3].groups_name, expand: true, contentUrl: "/Home/Index"}]
                    });
                }
});

но при этом я не могу отображать все значения, я думаю, что это неправильный способ загрузки панели панели для отображения всех значений, как отображать все значения на панели панелей


asp.net-mvc kendo-ui kendo-panelbar
person charan    schedule 05.12.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны перебирать массив результатов. Вы можете использовать функцию jQuery Map, например:

$.ajax({                        
            type: "POST",
            url: '/Home/GetPanelInfo',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (json) {
                var dataSource = $.map(json, function(obj){
                    return {
                        text: obj.groups_name,
                        expand: true,
                        contentUrl: "/Home/Index" 
                    };
                });

                $("#panelBar").kendoPanelBar({
                    expandMode: "single",
                    id: "usr_id",
                    dataSource: dataSource 
                });
            }
});
person janith    schedule 05.12.2012