티스토리 뷰
<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
'프로그래밍 > JavaScript Web App' 카테고리의 다른 글
<![CDATA[ 섹션에 대해서 (0) | 2015.02.04 |
---|---|
window.load VS document.ready (0) | 2015.02.03 |
자바스크립트 this (0) | 2013.08.05 |
JavaScript 이벤트 버블링 및 addEventListener (0) | 2013.01.17 |
자바스크립트 프로토타입 및 생성자 (C#에서 클래스 생성) (0) | 2013.01.15 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- Mobile
- JS
- radius
- json
- SVG
- WCF
- 자바스크립트
- 셀렉터
- WebApi
- jQuery Mobile
- JavaScript
- MSSQL
- 저장프로시저
- Excel
- Style
- 제이쿼리
- IE
- 프로시저
- rowspan
- ASP.NET
- workbook
- jQuery
- Ajax
- Chart
- html5
- css3
- grid
- jquery chart
- CSS
- drag&drop
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함