그리드가 로드되고나서나 어떠한 이벤트가 발생했을 때 자동으로 첫번째 row를 선택해야 할 때가 있을 때 사용 할 수 있습니다. 12345var grid = $("#table"),ids = grid.jqGrid("getDataIDs");if(ids && ids.length > 0){ grid.jqGrid("setSelection", ids[0]);}Colored by Color Scriptercs 예를 들어 버튼 클릭 시 첫번째 row가 선택되게 하려고 할때 저렇게만 써주니 작동을 안하였습니다. 그래서 setTimeout을 써주니 해결되었네요. 1234567setTimeout(function() { var grid = $("#table"), ids = grid.jqGrid("getDataIDs"); if(..

우선 css를 하나 선언해줍니다. 저는 간단하기 background 컬러만 바꿔볼꺼에요. 12345.input_newColor { background-color : #ffff99;}cs 이제 jQgrid 선언 부분에 행이 선택되었을 때 셀이 어떻게 바뀌는지 설정을할 차례입니다. 1234567891011121314// 스크립트 맨 위에var lastsel; // 선언해줍니다. onSelectRow : function(rowID, iRow, iCol, e) { // 행선택 시 자동으로 수정모드가 되게 바뀌게해줍니다. if(rowID && rowID!== lastsel){ $('#table').jqGrid('restoreRow', lastsel); $('#table').jqGrid('editRow',rowID..

inline edit로 수정중에 input이 열려있는 상태로 저장버튼을 눌리게되면 그 input 박스는 인식을 못하고 저장을 하는 경우가 있더군요. 그리고 사용자 편의상 input이 열려있는 상태에서도 저장이되게끔 해줘야 하는게 당연하다고 생각이드네요 12345,afterEditCell:function(rowid, cellname, value, iRow, iCol){ $("#" + rowid + "_" + cellname).blur(function(){ $("#table").jqGrid("saveCell",iRow,iCol); });}Colored by Color Scriptercs

12345if(typeof val == "undefined"){ }cs typeof를 써서 true냐 false냐를 판단하여 if문을 써주면 됩니다.

컬럼마다 checkbox를 부여하는 방법입니다. 1{name : "컬럼이름" , index : "컬럼이름" , editable : true, edittype: 'checkbox', editoptions: { value: "Y:N", defaultValue :"Y"}}cs jqgrid 맨 앞에 checkbox를 선언하여 select되게 하는 checkbox 부여하는 방법입니다. jqgrid 선언부에 1multiselect: true,cs 삽입하여 주시면됩니다.

123456789101112131415161718192021 // div1 하위태그 삭제$("#btn1").click(function({ $("#div1").empty();}); // div1 태그 삭제$("#btn2").click(function({ $("#div1").remove();}); cs 첫번째 버튼 클릭시 div1 아래 div2, div3가 삭제되고 두번째 버튼 클릭시 div1, div2, div3 전체가 다 삭제됩니다. 차이점은 empty와 remove의 차이입니다.

12345678910111213// 첫번째 form reset $(document).ready(function() { $("#btn_form_reset").click(function() { $("form")[0].reset(); }); }); // 특정 id form reset $(document).ready(function() { $("#btn_form_reset").click(function() { $("#form")[0].reset(); }); }); Colored by Color Scriptercs

1cs 먼저 원하는 태그 선언 저는 예시를 위해 input 태그 하나 선언했습니다. 아래 태그와 주석으로 설명을 대신하겠습니다. 123456789101112 // 클래스 추가하기 (띄어쓰기로 여러개 가능)$("#input_id").addClass("class_name1 class_name2"); // 클래스 삭제하기(띄어쓰기로 여러개 가능)$("#input_id").removeClass("class_name1 class_name2"); // 클래스 모두 삭제하기$("#input_id").removeClass(); Colored by Color Scriptercs