웹 개발

jqgrid add / del / edit

노루아부지 2019. 8. 15. 12:44

기본적으로 db 작업하고 싶은 필드에 editable: true 속성을 넣어준다.

 

default로 text box가 나타나는데, selectbox로 바꾸고 싶다면

 

edittype: 'select'와

editoptions:{value:{'0':'new window', '1': 'right window'}}를 해준다.

 

마지막으로,

$("#grid").jqGrid("navGrid","#GridPager",{edit:true,add:true,del:true,search:false,refresh:true}, 
{
//   afterShowForm:afterShowEdit, 
//   afterSubmit:processAddEdit,
//   beforeSubmit:validateData,
	dataheight:150,
	closeAfterAdd: true,
	closeAfterEdit: true
}, {
	'drag':true, 'resize':false,
	closeOnEscape:true,
	closeAfterEdit:true,
//   afterShowForm:afterShowAdd, 
//   afterSubmit:processAddEdit,
//   beforeSubmit:validateData,
	'dataheight':150,
	closeAfterAdd: true
}, {}, {multipleSearch:true});

를 해주면 사용 가능하다.

 

수정의 경우에는 예를들어 key인 column명이 pk라면 requeset.getParameter("pk"); 로 넘어오지만

삭제의 경우에는 request.getParameter("id"); 로 넘어온다.

728x90
loading