그리드 (EXTJS)의 행에서 행까지 어떻게 만들 수 있습니까?

아래 코드는 cell.how에있는 텍스트의 색상을 변경하여 전체 행 배경색을 적용 할 수 있습니까?그리드 (EXTJS)의 행에서 행까지 어떻게 만들 수 있습니까?

function dataindex(val){ 
     if(val > 0){ 
      return '<span style="color:green;">' + val + '%</span>'; 
     }else if(val < 0){ 
      return '<span style="color:red;">' + val + '%</span>'; 
     } 
     return val; 
    }

출처

2011-02-16 master123

셀당 배경색을 적용하려고합니까? 귀하의 요구 사항은 무엇입니까? 나는 당신이 비슷한 질문을했지만 적절한 요구없이 아무도 당신을 도울 수 없다는 것을 알 수 있습니다! –

@ Abdel Olakara : 아니요. 행의 일부 값을 기준으로, 전체 행에 대해 색을 적용해야합니다. – master123

다른 방식으로 시도하고 있습니다. – master123

당신은 GridView의 getRowClass 방법 (Ext JS API 참조) 재정의 그리드 행의 모양을 사용자 정의 할 수 있습니다.

API 문서에서

인용 예 - getRowClass 다른 CSS 클래스는 상태에 따라 반환하는 방법을 참조하십시오

viewConfig: { 
    forceFit: true, 
    showPreview: true, // custom property 
    enableRowBody: true, // required to create a second, full-width row to show expanded Record data 
    getRowClass: function(record, rowIndex, rp, ds){ // rp = rowParams 
     if(this.showPreview){ 
      rp.body = '<p>'+record.data.excerpt+'</p>'; 
      return 'x-grid3-row-expanded'; 
     } 
     return 'x-grid3-row-collapsed'; 
    } 
},

방법을 재정의 한 후, 당신은 단지 어떤 배경 색상 등으로 CSS 정의를 설정해야 네가 원하는.

출처

2011-02-16 06:30:51 Tommi

mi : 전체 행 배경에 색상을 적용한다는 의미입니다. – master123

토미 (Tommi)와 마찬가지로 getRowClass을 사용하고 싶습니다.

viewConfig: { 
    getRowClass: function(record, rowIndex, rowParams, store) { 
     rowParams.tstyle += "color: green;"; 
    } 
},

을하지만, 일반적으로 단순히 getRowClass에서 클래스 이름을 반환하고 CSS 파일의 정확한 색상을 정의하는 것이 좋습니다 : 당신이 정말로 명시 적으로 색을 설정하려면, 당신은 rowParams.tstyle에 스타일을 추가 할 수 있습니다.

출처

2011-02-16 10:29:01

그리드 (EXTJS)의 행에서 행까지 어떻게 만들 수 있습니까?

답변

관련 문제