동적 colModel

실제 운영중에 그리드에 레이블명을 DB상에서 가져와야 되는경우가 발생하여 사용하였다.

var gridOptions = {
 
    colModel : [
        
        { label: '지역'             , name: 'AREA_NAME'       , width :"70"  , align:'center'       , edittype  :'text'},
        { label: '시도'             , name: 'SIDE_NAME'       , width :"100" , align:'left'         , edittype  :'text'},                            
        { label: '시군구'           , name: 'SIGN_NAME'       , width :"70"  , align:'center'        , edittype  :'text'}
        
    ]
};

 

1) 정적인 콜모델 정보를 선언한다.

 

<c:forEach var="list" items="${arrList}" >
   gridOptions.colModel.push({ label: "${list.name}"   , name: "area_${list.code}"       , width :"70"  , align:'center'         , edittype  :'text'});
</c:forEach>
 

 

2) 서버에서 읽어온 정보를 jstl를 이용하며 label, name 정보를 동적으로 생성한다.

 

 

 $("#grid1").jqGrid({
         url: '',
         datatype: "json",
         mtype: 'POST',
         jsonReader: { },                
         colModel :gridOptions.colModel,
         ..... (중략)....
     });

 

3) 그리드 로드시 설정한 콜모델 정보를 배열형태로 셋 해준다.