jqgrid 4 버전대 select box 만들어 주기

프로젝트를 진행하다보니  기존 c/s 화면을 jqgrid를 이용해서 구현을 하고 있는대요.

쓰다보니 편리한것도 있고 시간을 많이 보낸것도 있어서 이렇게 글로 남겨요 ^^

구글링을 하다보면 요즘 나온  jqgrid에 대해서 쓴글이 없어서요. 

jqgrid의 colMode에 formatter를 사용해서 만들어 주시면 됩니다.

{name : 'ynServiceDeal', 		index : 'YN_SERVICE_DEAL', width : 120, sortable:false, align:"center",editable:true,
						formatter: function(val, options, rowobject){  
							var t1 = ""; t2="";t3=""; t4="";
							//console.log("serviceDeal : "+rowobject.ynServiceDeal)   //debug  용 
							if(rowobject.ynServiceDeal == "Y"){
								t1 = "selected";
							}
							else if(rowobject.ynServiceDeal == "N"){
								t2 = "selected"; 
							}
							else if(rowobject.ynServiceDeal == "U"){
								t3 = "selected"; 
							}
							else {
								t4 = "selected";
							}

						return '<select id="i_ynServiceDeal_chk_'+options.rowId+'" name="i_ynServiceDeal_chk_'+options.rowId+'"><option value="" '+t4+' >선택</option><option value="Y" '+t1+'>준비완료</option><option value="N" '+t2+'>수정</option><option value="U"  '+t3+'>수정완료</option></select>';   
							} 
						}, 

 

상단의 코드를 보시면 formatter를 이용해서 만들어주는것이구요.
해당하는 값이 오면 selected를 만들어주는 것 까지 위와 같이 구현했습니다.

아울러 이 값들이 선택여부를 체크하기 위해서 그리드의 rowId를 이용해서 selrrow에서 값을 체크한답니다.
그럼 즐거운 코딩되세요 ^^