jQuery jqGrid TreeGrid가 제대로 작동하지 않습니다.

Question

로컬 데이터를 사용하여 jqGridTreeGrid을 생성하는 데 문제가 있습니다. TreeGrid 및 ExpandColumn 특성을 주석으로 처리하면 트리 그리드를 만들 때 트리 그리드를 만들 때이 메서드를 사용하면 일반 그리드처럼 잘 작동하지만 트리 그리드를 만들지 않습니다 (단지 "일반"그리드 만 생성합니다).), 더 이상 올바르게 정렬되지 않습니다.

jqGrid 다운로드 중에 적절한 TreeGrid 파일을 다운로드하도록했습니다.

jQuery(function(){ 

    var gridOptions = { 
    datatype: "local", 
    height: 250, 
    colNames: ['Name', 'Type', 'Last Modified On', 'Last Modified By'], 
    colModel: [{name: 'name', index: 'name', width: 200, sorttype: 'text'}, 
      {name: 'type', index: 'type', width: 200, sorttype: 'text'}, 
      {name: 'modifiedon', index: 'modifiedon', width: 200, sorttype: 'date'}, 
      {name: 'modifiedby', index: 'modifiedby', width: 200, sorttype: 'text'}], 
    treeGrid: true, 
    ExpandColumn: 'name', 
    caption: "My Grid" 
}; 

    jQuery("#treeGrid").jqGrid(gridOptions); 

var gridData = [ 
    {name: "My File", type: "My File Type", modifiedon: "03/10/2010", modifiedby"Strong Sad", lft: "1", rgt: "8", level: "0"}, 
    {name: "One of Everything", type: "Word Document", modifiedon: "02/12/2009", modifiedby: "Strong Bad", lft: "2", rgt: "5", level: "0"}, 
    {name: "My Presentation", type: "PowerPoint", modifiedon: "01/23/2009", modifiedby: "The Cheat", lft: "3", rgt: "4", level: "0"} 
]; 

for (var i = 0; i < gridData.length; i++) { 
    jQuery("#treeGrid").jqGrid('addRowData', i + 1, gridData[i]); 
} 

}); 

Answer 1

TreeGrid 설명서에는 다른 경고가 있으며 대부분 사용자가하려는 것을 적용하는 것으로 보입니다.

• 현재 addRowData가있는 노드를 추가하는 기능은 지원되지 않습니다.
• 노드 추가는 현재 지원되지 않습니다.
• 현재 jqGrid는 서버에서 반환 된 데이터에서만 작동 할 수 있습니다.

이 세 가지 경고가 모두 적용됩니다. addRowData을 사용하면 노드를 "빈"트리에 추가하려고 시도하고 "서버에서 반환 된 데이터"대신 로컬 데이터를 사용하려고합니다.

그래서 난 당신이 일치하는 샘플을 구성 조언 Treegrid real world example

---

가 TreeGrid에 대한 문서가이 상태에 연결 ("버전 3.5의 새로운 기능"아래 왼쪽에서 찾을 수 있습니다) :

이 모듈을 사용하려면 그리드를 다운로드 할 때 에 Treegrid를 표시해야합니다. 자세한 내용은 다운로드를 참조하십시오. 개발자의 경우 - 디렉토리의 grid.treegrid.js는 입니다.

사용 했습니까? jqGrid에 대한 js 파일에 TreeGrid에 대한 관련 js 파일이 포함되어 있습니까? (http://www.trirand.com :

는

jsbin에 코드의 빠른 복사/붙여 넣기는

http://jsbin.com/afuza/edit

이