dhtmlx 그리드를 새로 고침/새로 고침하는 방법

Question

dhtmlx grid를 사용하고 있습니다. grid1, grid2라는 두 개의 그리드가 있습니다. json 객체를 사용하여 두 개의 격자를로드했습니다.

grid1에서 하나의 레코드를 선택하고 해당 레코드가 두 번째 레코드에서로드해야하는 버튼을 클릭하는 경우. document.location.reload(true);을 사용하여 두 번째 눈금에서 선택한 레코드를로드 할 수 있습니다. 전체 페이지가 새로 고침됩니다. 하지만 grid2 만 새로 고침하고 싶습니다.

grid2를 새로 고치려면 버튼을 클릭 한 다음에 만 grid2를 새로 고치고 싶습니다 .gow2 새로 고침/다시로드 할 수 있습니다.

Answer 1

Ajax을 사용하여 두 번째 눈금을로드하고 바꿀 수 있습니다.

@Ajax.ActionLink("Load Second Grid", "ActionName", new AjaxOptions 
{ 
    UpdateTargetId = "second-grid", 
    InsertionMode = InsertionMode.Replace, 
    HttpMethod = "GET" 
}) 

같은 Load Second Grid을 클릭하면 ActionName에서 내부 second-grid 결과에 무엇을 대체합니다,의 두 번째 그리드 second-grid의 ID를 가지고 있다고 가정 해 봅시다.

Answer 2

onRowSelect 핸들러를 사용하면 행을 클릭하여 마스터 그리드를 잡을 수 있습니다. 그리고 grid.parse API를 사용하여 새 데이터를 두 번째 눈금에로드 할 수 있습니다.

<script> 
grid1.attachEvent("onRowSelect", function(id){ 
    grid2.parse(some_data, "json") 
}) 
</script>