[Extjs] Grid에서 Row Color 설정

2010/03/16 17:32 / 컴퓨터
var gridView = new Ext.grid.GridView({
   //forceFit: true,
     getRowClass : function (row, index) {
       var cls = '';
       var data = row.data;
       switch (data.WORK_STATUS) {
          case "완료" :
             cls = 'green-row'// highlight row green
             break;
          case "진행" :
             cls = 'blue-row'
             break;
       }//end switch
       return cls;
    }
 });  //end gridView

이런식으로 GridView를 먼저 선언해준당

그리고 CSS에서
 .red-row{ background-color: #F5C0C0 !important; }
 .yellow-row{ background-color: #FBF8BF !important; }
 .green-row{ background-color: #99CC99 !important; }
 .blue-row{ background-color: #9999CC !important; }

이런식으로 컬러모델도 설정해준당

마지막으로
colModel   : cm1,                                      
selModel   : selModel1,
viewConfig:{forceFit:true},
view: gridView,

위와 같이 그리드에서 view:gridView 처럼 속성을 설정해준돠..

끝

2010/03/16 17:32 2010/03/16 17:32
dhappy 이 작성.
TAGS , , , , ,
트랙백이 없습니다 , 댓글이 없습니다

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다

Trackback RSS : http://dhappy.net/rss/trackback/356

Trackback ATOM : http://dhappy.net/atom/trackback/356

« Prev : 1 : ... 154 : 155 : 156 : 157 : 158 : 159 : 160 : 161 : 162 : ... 413 : Next »