프로그래밍/JavaScript Web App
jqgrid 속성정보
쇠주는참이슬
2014. 8. 25. 18:51
<script language="javascript" type="text/JavaScript"> jQuery(document).ready(function(){ jQuery("#list").jqGrid({ url:'~~~, mtype : 'POST', //GET, POST datatype: 'json', //Data 형식 'json/xml/local' //postData:{testRRR:'temp'}, //name:DB data tatching columns name //index:? //align:align of cell //hidden:hidden of columns //sortable:sortable colNames:['WIRE NO','RD', 'PART NAME', 'PIN','NUM','RD2','PNO','NO'], colModel:[ {name:'WIRENO',index:'WIRENO', sortable:true}, {name:'RD',index:'RD'}, {name:'PNAME',index:'PNAME'}, {name:'PIN',index:'PIN', align:"right"}, {name:'NUM',index:'NUM', align:"right"}, {name:'RD2',index:'RD2',align:"right"}, {name:'PNO',index:'PNO',align:"right"}, {name:'NO',index:'NO', sortable:true, hidden:false, formatter:'number'} ], //width:'100%', //Grid width 설정 autowidth와 동시 사용 못함. height:'300', scroll: 1, autowidth:true, //자동 width설정 width와 동시 사용 못함. rowNum:100, //검색 row 개수 //rowList:[10,30,50], //한번에 가져오는 row개수 selectbox 설정 shrinkToFit:true, //우측스크롤바 위의 조그만 공간 없애고 거기까지 width채움 default:true pager:'#pager', //sortname:'WIRENO,RD', toolbar : [true,"top"], hiddengrid:false, //Grid를 최초 닫힌 상태로 로드 default:false recordpos:'right', //우측좌측 기준변경 records의 위치 설정 gridview: true, //처리속도를 빠르게 해준다. 시간측정시 절반가량 로딩시간 감소!!! 하지만 다음 모듈엔 사용할 수 없다!! ==> treeGrid, subGrid, afterInsertRow(event) viewrecords:true, //records의 View여부 //sortorder:'desc', //sort 방식 loadonce:false, //re load 여부 rownumbers:true, //맨앞에 줄번호 보이기 여부 rownumWidth:40, //줄번호의 width caption:'JGrid Test', //Grid header 위에 title 표기. 이 속성이 없으면 title란이 보이지 않는다. onSelectRow: function(ids) { //row 선택시 처리. ids는 선택한 row alert('row 선택시 ids:'+ids); }, /*onPaging: function(action){ //paging 부분의 버튼 액션 처리 first, prev, next, last, records if(action == 'next'){ currPage = getGridParam("page"); //uf_getData(g_gubun,currPage); } },*/ gridComplete : function() { //실행완료시! var tm = jQuery("#list").jqGrid('getGridParam','totaltime'); //load time가져오기! $("#load_time").html("Render time: "+ tm+" ms "); }, loadError : function(xhr,st,err) { //server load error message 뿌리기 jQuery("#list").html("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText); } //scroll:1, //스크롤 페이징 처리(에러발생하니 잘 고쳐서 사용 ^^;) //multiselect:false, //앞에 (다중선택)체크박스 여부 설정 //multikey:'', //multikey: 'ctrlKey/shiftKey', });제이큐그리드, jqgrid, JQgrid