Связывание сетки Кендо с сложным dataSource

Question

У меня есть div, который я конвертирую в сетку Kendo в JQuery.

divSearchGrid.kendoGrid({ 
    dataSource: { 
     transport: { 
      read: function (options) { 
       var webMethod = "Portal.aspx/DisplayNotes"; 
       $.ajax({ 
        type: "POST", 
        url: urlSearch, 
        data: paramsSearch, 
        async: false, 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        success: function (result) { 
         options.success(result.d); 
        } 
       }) 
      } 
     } 
    }, 
    batch: true, 
    selectable: "row", 
    autoSync: true, 
    editable: true,// "inline", 
    navigatable: true, 
    columnMenu: true 
}) 

Это Datasource - это список, объекты которого имеют другой список как свои свойства.

Пример Datasource: [{a,b,c,List,g,h,i,},{a,b,c,List,g,h,i,},{a,b,c,List,g,h,i,}]

и список в указанных объектов имеет следующую структуру

Список: [{d},{e},{f}]

Я хочу показать мою кендо сетку со следующими столбцами:

a, b, c, d, e, f, g, h, i

Как достичь этой функциональности.

Answer 1

Если вам просто нужно показать содержимое, вы можете просто привязать несколько столбцов к объекту List и использовать свойство template для отображения каждого из них.

{ field: 'List', template: '#=List[0].value#' } 

или аналогичный. Конечно, он полагается на список, имеющий одинаковое количество свойств для каждого основного элемента списка (т. Е. Всегда {d}, {e}, {f}).

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

Вот небольшой пример с использованием списка с вложенным списком , (Вторая сетка только для проверки фактических значений меняется). Непонятно, как структурированы ваши данные или каковы ваши типы данных, но, надеюсь, это поможет.

http://jsbin.com/AWogIpO/1/edit