jqGrid : HTML 테이블을 그리드로 변환하는 동안 페이징을 사용하십시오.

Question

html 테이블을 pagable 및 sortable로 변환하는 방법에 대해 살펴 보았습니다. jqGrid jquery plugin을 우연히 발견했습니다. 지금까지 우리는 테이블을 변환하기 위해 tableToGrid()으로 호출해야한다는 것을 배웠다. (우리는 jquery 선택 자 문자열을 메서드로 전달한다.) 또한 예를 들면 다음과 같이 다른 여러 가지 시도를했습니다.

tableToGrid('#GridView1'); 

$('#GridView1').jqGrid({ 
    rowNum: 10, 
    pager: '#pager', 
    rowList: [10,20,30] 
}); 

그러나이 모든 것이 적절한 결과를 제공하지 못합니다. html 테이블을 그리드로 변환 할 때 페이징이 가능합니까?

Answer 1

당신은 또한 tableToGrid의 두 번째 매개 변수로 더있는 jqGrid 옵션을 추가 할 수 있습니다

tableToGrid('#GridView1', { 
    rowNum: 10, 
    pager: '#pager', 
    rowList: [10,20,30] 
}); 

으로 시도해야합니다. 또한

var cm = myGrid.getGridParam("colModel"); 

의 관련 변환 후있는 jqGrid의 colModel에 참조를 얻을 후 열 모델의 일부 매개 변수를 수정할 수 있습니다.

업데이트 : 예를 들어 다음 코드를 사용하면 일부 열 데이터를 edittype: "select"으로 설정할 수 있습니다.

for (var i = 0, l=cm.length; i < l; i += 1) { 
    var colModelColumn = cm[i]; 
    // search for the clolumn with the name colModelColumnName. 
    // variables colModelColumnName and selectedOptions are defined 
    // in another code fragment above this one 
    if (colModelColumn.name === colModelColumnName) { 
     jQuery.extend(colModelColumn, { edittype: "select", 
             editoptions: { value: selectedOptions }}); 
     break; 
    } 
}