Jqgrid 트리 그리드 행 ID별로 행을 스크롤하고 접을 경우 노드를 확장합니다.

Question

시나리오는 모든 노드가로드 된 Jqgrid 트리 그리드이며 일부는 사용자 상호 작용의 결과로 확장 된 일부 노드를 축소합니다. 이제 행 ID를 기반으로 특정 행으로 스크롤해야하며 행이 접힌 노드 안에 있으면 행이 사용자에게 표시 될 때까지 노드를 확장하십시오. 힌트가 있습니까?

Answer 1

TreeGrid의 노드를 확장하려면 expandRow을 사용할 수 있습니다. 추가로 루프를 만들고 행의 모든 ​​부모를 확장해야합니다. 직접 부모를 얻으려면 getNodeParent을 사용할 수 있습니다. 또한 scrollrows: true 옵션을 사용하여 선택한 행으로 그리드를 스크롤해야합니다.

The resulting demo은 선택할 필요가있는 rowid로 행을 선택할 수 있습니다. "선택 행 ID로"버튼을 클릭하면 당신이 필요로하는 무엇을 : 나는 데모에 사용

클릭 이벤트 핸들 당신은

$("#selectId").button().click(function() { 
    var idToSelect = $("#selectedId").val(), // id of the row which need be selected 
     localRowData = $grid.jqGrid("getLocalRow", idToSelect); 

    while (localRowData.parent !== null && localRowData.parent.toUpperCase() !== "NULL") { 
     localRowData = $grid.jqGrid("getNodeParent", localRowData); 
     $grid.jqGrid("expandRow", localRowData); 
    } 

    // we use scrollrows: true option so the selection below 
    // will scroll the grid to the selected row additionally 
    $grid.jqGrid("setSelection", idToSelect); 
});