상세 컨텐츠

본문 제목

jQgrid 명령어들 모음.. 계속 추가중...

관리X 과거글

by 까먹기전에 2015. 3. 31. 15:12

본문

반응형
#뒤에는 자신이 쓸 그리드테이블의 id명을 적으시면 댐!



$("#gridList").jqGrid("GridUnload")        jq그리드의 값변경을 위해 미리 선언
-> 신상정보를 그리드로 뿌릴때 다른사람을 더블클릭했는데 컨트롤러에 날리면 파라미터값이
처음값으로 계속 날라갈때


$("#gridList").clearGridData(); // 해당 그리드의 데이터가 초기화된다.


$("#codeinfotabs").trigger("reloadGrid"); // 해당 그리드만 리로드 하는것







var deleteList = $("#schoolGrid").jqGrid('getGridParam','selarrrow'); //<-- 체크한 줄 불러옴



var updateList = $("#schoolGrid").getChangedCells('all'); //<--셀에값이 변한 줄 불러옴


$("#firstTable").jqGrid({
    url: "${pageContext.request.contextPath}/grid/list.do", // 데이터를 받아올 url        
    datatype: "json", // json type으로 받아옴 
    height: 600, // 그리드의 높이
    jsonReader: {
        page: 'page', // 페이징을 위한       
        total: 'total', root: 'list' // map에 "list",list 넣으면 그 키값 써줘야 데이터 참
    }, colNames: ['제목', '내용', '작성자', '조회수', '올린날짜', '시퀀스', '상태'], colModel: [{ name: 'title', width: 45, editable: true, align: "center" }, { name: 'contents', width: 100, editable: true, align: "center" }, { name: 'creaId', width: 30, editable: true, align: "center" }, { name: 'hitCnt', width: 20, editable: false, align: "center" }, { name: 'creaDtm', width: 45, editable: false, align: "center" }, { name: 'idx', editable: false, align: "center", hidden: true }, { name: 'status', width: 30, editable: false, align: "center" }], viewrecords: true, caption: '게시글리스트', // 그리드 왼쪽 위에 캡션        rownumbers:false,//왼쪽에 index 가 생김 1부터 시작        rownumWidth:40,//말그대로 로우넘의 가로길이        rowNum:10,// 그리드에 보여줄 데이터의 갯수,-1하면 무한으로 보여준단다..        width:1600,//그리드의 총 가로길이
    rowList: [10, 20, 30],//몇개식 보여줄건지 선택가능하다, 배열형식이라 5,10,15,20,,,가능        multiboxonly : true,        multiselect : true,//체크박스 사라짐        cellEdit : true,//셀의 값변경을 정함 트루하면 바껴짐 
    pager: '#pager',// 밑에 페이저 달 div 아이디      
    gridview: true, editurl: 'clientArray',//값 수정후 엔터치면 지정된 url로 날라감       
    cellsubmit: 'clientArray',//clientArray 랑 remote가 있는데 지금 설정은 특정이벤트를 해야함 전부 저장, remote로 하면 셀수정시 바로바로 저장함   
    afterSaveCell: function (rowid, name, val, iRow, ICol) { alert(rowid + val + name); }, onCellSelect: function (rowid, name, val, iRow, iCol) {
    }, beforeProcessing: function (data) { boardBean = data.bean; }, onSelectRow: function (rowid, status, e) { if (status == true) { $("#firstTable").jqGrid("setCell", rowid, "status", "delete"); } else { $("#firstTable").jqGrid("setCell", rowid, "status", "normal"); } }
});

$("#firstTable").jqGrid("setCell", rowid, "status", "normal"); // 셀에 지정한 컬럼에 지정한 값 집어넣을수있음
var buffdata = $('#testGrid').jqGrid('getDataIDs'); // 테이블에 있는 모든 데이터를 수집한다.
$('#testGrid').jqGrid('addRowData', 로우넘, localdata[i]); // 테이블에 데이터를 넣는다.
$('#testGrid').jqGrid('getGridParam', 'selarrrow') // 체크한줄 불러옴 배열로 가져옴
$("#testGrid").jqGrid('editRow', 로우넘, true, 'clientArray'); // 동적으로 선택한애의 셀을 수정가능하게 변경
$("#testGrid").jqGrid('setRowData', 로우넘, { id: 'changed', name: 'changed', memo: 'changed' }, { color: 'red' }) // 선택한 로우의 데이터를 다 바꿀수있다
$("#testGrid").jqGrid('delRowData', rowids[i]); // 로우 삭제
$("#jourTable").getDataIDs(); // 모든 로우 ids 가져옴
var updateList = $("#schoolGrid").getChangedCells('all'); //<--셀에값이 변한 줄 불러옴




$('#debtorTable').jqGrid('footerData', 'set', {accountName:'합계', amount:debTotal});  //footer 데이터

관련글 더보기