2014-01-15 2 views
2

Jquery에서 검도 격자로 변환 할 div가 있습니다.Kendo 격자를 복잡한 데이터 소스에 바인딩

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 
}) 

데이터 원본은 개체의 속성으로 다른 목록이있는 목록입니다.

예를 데이터 소스 : [{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

이 기능을 어떻게 수행 할 수 있습니까?

+0

중첩 된 열을 편집 할 수 있습니까? –

+0

'List'의 형식이 잘못되었으므로 키/값 쌍이없는 객체 배열이 있습니다 – dcodesmith

+0

@ giltnerj0 예 중첩 된 열도 편집 가능 –

답변

4

내용을 표시하기 만하면 여러 열을 List 개체에 바인딩하고 템플릿 속성을 사용하여 각 열을 표시 할 수 있습니다.

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

또는 이와 유사한 것. 물론 각 주 목록 Item (즉, 항상 {d}, {e}, {f})에 대해 동일한 수의 속성을 갖는 List에 의존합니다.

이러한 필드를 편집해야하는 경우, 각 {D}에 대한 사용자 정의 편집기, {E}를 고용해야합니다, {F} 필드 여기

는 중첩 된 목록이있는 목록을 사용하여 작은 샘플입니다 . (두 번째 눈금은 실제 값을 테스트하기위한 것입니다). 데이터가 어떻게 구조화되었는지 또는 데이터 유형이 무엇인지는 정확히 알 수 없지만 이것이 도움이되기를 바랍니다.

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

+0

귀하의 솔루션은 내가 기대하는 것과 매우 가깝지만 내 경우에는 얼마나 많은 속성이 있는지 알고 있지 않을 것입니다. 그 경우에는 무엇을해야합니까? 내부 목록에 For 루프를 사용하는 모든 조항이 있습니다. –

+0

각 주 목록 항목의 하위 목록의 항목 수가 같습니다. –

+0

예 각 주 목록 항목의 하위 목록에는 같은 수의 항목이 있습니다. –

관련 문제