티스토리 뷰

프로그래밍/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


댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함