3월, 2016의 게시물 표시

선택된 Row의 특정컬럼값 수정

$ ( "#my-jqgrid-table" ). jqGrid ( 'setCell' , rowId , '컬럼명' , '수정데이터' );

jqgrid get selected row 선택된 줄의 정보 가져오기

jqgrid를 사용하다보면 선택된 줄의 정보를 사용해서 처리해야 하는 경우가 많이 생긴다     선택된 줄에 설정된 아이디 값을 가져오거나 선택된 줄의 rowdata 에서 특정 값을가져오기 위해서는     getGridRowData, getGridParam 등을 사용하면된다.     $( "{gridtableid}" ).getGridParam( "selrow" );     $( "{gridtableid}" ).jqGrid('getGridParam', "selrow" );       위의 스크립트를 실행하면 현재 선택되어있는 줄의 아이디 값을 반환한다     만약 선택된줄이 없다면 null을 반환하며     jqGrid를 만들때 multiselect옵션을 true로 주엇다면 선택된줄들중 마지막에 선택된 줄의 id 값을 반환한다     만약  multiselect옵션이 true  이고 여러 줄을 선택해 이줄들의 아이디 값을 배열로 받고 싶다면     $( "{gridtableid}" ).jqGrid('getGridParam', 'selarrrow');     $( "{gridtableid}" ).getGridParam('selarrrow');    위 스크립트를 사용하면 된다     선택된항목의 rowdata를 가져오고 싶다면 아래 스트립트를 사용하면 된다     $( "{gridtableid}" ).jqGrid('getRowData', rowid);     $( "{gridtableid}" ).getRowData( rowid );

jQgrid의 지정한 칼럼, 지정한 열을 다른색으로 지정하기

사용자에게 해당칼럼이나 열의 정보를 강조하기 위해서 테이블의 배경색을 바꾸고 싶을 때는 다음처럼 처리한다. // 배경색상 css 선언 var   cssGreen = { 'background-color' : '#6DFF6D' };       // 그리드 데이터의 ID 가져오기 var   ids = $( '#requestList' ).jqGrid( 'getDataIDs' );       // 그리드 데이터 가져오기 var   gridData = $( "#requestList" ).jqGrid( 'getRowData' );   // 데이터 확인후 색상 변경 for   ( var   i = 0; i < gridData.length; i++) {            // 데이터의 is_test 확인      if   (gridData[i].is_test ==  'Y' ) {                    // 열의 색상을 변경하고 싶을 때(css는 미리 선언)          $( '#requestList tr[id='   + ids[i] +  ']' ).addClass( 'grid-test' );                    // 칼럼의 색생을 변경하고 싶을 때          $( '#requestList' ).jqGrid( 'setCell' , ids[i],  'document_status_text' ,  '' , cssGreen);     } } 이상과 같이 처리하면 칼럼이나 열의 색상 변경이 가능하다.  * loadComplete 시점에 처리하면 된다.  다른 방법으로는 afterInsertRow 이벤트를 이용하는 방법도 있다.  //