본문 바로가기
코딩 저장용

[자바스크립트, JQUERY] JQGRID ROW 관련 기능정리

by 디지털프리덤 2018. 6. 29.
반응형

JQGRID넘짜증

할건 해야겠고...

기능정리를 좀 해놔야할듯..


//JQGRID리로드

$("#jqgrid_id").trigger("reloadGrid");

//포스트데이터를 같이넘겨서 그리려면

$("#jqgrid_id").setGridParam({"postData" : {param : '????'}}).trigger("reloadGrid");


//JQGRID클리어

$("#jqgrid_id").jqGrid("clearGridData");


//선택 로우 데이터 가져옴

("#jqgrid_id").getGridParam("selrow");

//만약 멀티셀렉트가 되있다면 배열 형식으로 가져옴

("#jqgrid_id").getGridParam("selarrow");

보통 rowId잡을때 많이 사용하는듯..



이 rowId를 통해 데이터를 찾아올수 있음

알고싶은컬럼명이 name이라고 하면.

var rowdata = $("#jqgrid_id").jqGrid('getRowData',rowId); 

              또는 $("#jqgrid_id").getRowData(rowId);

var name = rowdata.name;

console.log("name::"+name);



//행추가할때

$("jqgrid_id").addRowData("addRow",{???});

//행삭제할때

$("jqgrid_id").delRowData(rowId);

//특정 cell 수정가능하도록

$("#jqgrid_id").setColProp('data_fmt_cd',{editable:false});

//특정 cell 저장

$("#jqgrid_id").jqGrid('saveCell', savedRow, savedCol);

//특정 row 저장

$("#jqgrid_id").jqGrid('saveRow', savedRow);


//editoptions (selectbox만들기)

editoptions:{  dataUrl: '/url',

           postData: function(rowid){

               return {data: data}

               },


               buildSelect:function (datas){

               if(typeof(datas)=='string') 

                datas = $.parseJSON(datas);

var data = datas.list;

var selrt = '<select name="par_field">';

for ( var i = 0 ; i < data.length ; i ++) {

selrt +='<option value="'+data[i].VALUE+'">'+data[i].LABEL+'</option>';

}

selrt +='</select>';


return selrt;

  } },


반응형