기록

addJSONData 한번에 그리드 전체의 데이터를 추가 할 수 있다. $("#GridName")[0].addJSONData(data); 하지만 데이터를 그리드 내부에 저장하는 로직이 들어있지 않아 페이지 이동을 하거나 정렬, 솔트 기능을 사용하면 원래 데이터로 돌아가 버린다. datatype:'local' 인 경우 다른방법 사용할 것 setGridParams 메소드로 data를 업데이트하고 reload $("#GridName").jqGrid("clearGridData"); $("#GridName).jqGrid("setGridParam",{data : data}; $("#GridName").trigger("reloadGrid"); AddRowData 한줄 씩 추가하는 방법 var rowId = $("#G..

그리드를 생성할 때 속성을 옵션으로 명시하는데 그리드 생성 이후에 그리드 전체, 칼럼 별 속성을 확인하고 변경하는 방법이다. gird 생성 예시 var GridColModel = [ { name: 'ColumnName', index: 'ColumnName', align: 'center', width: '10%', editable: false}, ]; var GridColName = GridColModel.map(function(item){ return item.name;}); var GridData = {}; $("#GridName").jqGrid({ datatype: "local", // 가지고 오는 데이터 타입 (xml, json,local) colName: GridColName, colModel: ..

setCell 이용 $("#GridId").jqGrid('setCell', rowId ,'columnName', "", {'background-color':'#FFB6C1'}); 활용 var Pinkcss = {'background-color':'#FFB6C1'}; var ids = $('#gridName').jqGrid('getDataIDs'); //전체 rowId 가져오기 (배열) var gridData = $("#gridName").jqGrid('getRowData'); for(var i = 0 ; i

setCell text나 attribute 중 변경하지 않을 곳에는 "" 넣으면 된다. $("#GridID").jqGrid('setCell', rowId, 'columnName', "변경할 text 값", "변경할 attr 값"); editable $("#testGrid").jqGrid('setCell', rowId, 'testCol', "", 'editable-cell'); $("#testGrid").jqGrid('setCell', rowId, 'testCol', "", 'not-editable-cell'); 위의 코드는 한번만 실행했을 때는 문제 없지만 동적으로 여러번 속성을 변경하려고 할 때 아래 코드 처럼 Class값이 변경되지 않고 덧붙여 쓰여지는 문제가 발생한다.

setGridWidth(), setGridHeight() 부모 영역의 크기 기준 퍼센트 설정 .90은 90%이고 +, - 연산이 가능하다 ex) .90 - 20는 css에서 90% - 20px와 같은 의미 $("#testGrid").setGridWidth($("#parent_area").width() * .90); $("#testGrid").setGridHeight($("#parent_area").height() * .90); $(window).resize() 윈도우 화면 크기에 따라 동적으로 크기 변경 $(window).resize(function() { $("#testGrid").setGridWidth($("parent_area").width() * .90); });