검도에서 동적으로 패널 막대에 격자를 삽입하십시오.

Question

검도 UI를 사용하고 있습니다. 패널 막대를 동적으로로드 할 수 있습니다. 이제 패널 막대에 격자를 삽입하고 싶습니다. 패널 막대 머리글을 클릭하면 헤더 안쪽에 격자를 표시하고 그리드를 동적으로로드하려고합니다. 당신은 select 또는 expand 같은 PanelBar에 적절한 이벤트에 콜백을 결합하고, 콜백에서 그리드를로드 할 수

Answer 1

어떤 제안 .... 이 같은

뭔가 (테스트 할 시간 ... 없었다) : 나는 코드를 실행할 때 아코디언 바이올린에서 작동하지 않지만,

var panelBar = $("#panelBar").data("kendoPanelBar"); 
// bind the error ajax event 
panelBar.bind("expand", function(e) { 
    $(e.item).kendoGrid(); 
}); 

Answer 2

나는이 here 짓을했는지를, 그것을 작동합니다 장소 상에서. 뭔가 잘못 연결 한 것 같아요,하지만 코딩 작동합니다!.

예를 들어 dataSource에서 발생 횟수를 계산 한 다음 그 횟수만큼 실행하는 루프를 만들었습니다. 여기서 루프 내에서 눈금을 만들었습니다.

이 루프와 동일하게 작동이 유용

$(doc).find("component").each(function (x, component) 
{ 
    $("#gridGenerate" + x).kendoGrid({ 
    dataSource: { 
     transport: { 
      read: function (op) { 
       console.log("read"); 
       return op.success(gridDataArray); 
      } 
     }, 
     pageSize : 9 
    } 
}); 

희망.