시각적으로 extjs 표에 필터가 설정되었음을 나타냅니다.

Question

필터가 extjs (4.2) 격자에 설정되었음을 시각적으로 표시하는 방법이 있습니까?

기본적으로 헤더 텍스트는 itallic이됩니다. 그러나 나는 ext-theme-grey 룩앤필을 사용하고 있으며 시각적 표시는보기가 어렵습니다.

헤더에 아이콘을 설정하거나 헤더 텍스트를 어둡게하고 싶습니다. 도구 모음에 텍스트를 추가하는 것만으로도 충분합니다.

Answer 1

열에 필터를 설정할 때 열 머리글을 시각적으로 변경하는 방법을 알아 냈습니다.

GridFilters.css를 포함해야합니다.

예 :

<link rel="stylesheet" type="text/css" href="js/lib/ext-4.2.1.883/ux/grid/css/GridFilters.css" /> 

그런 다음 CSS 파일 안에 당신이 스타일의 값을 변경할 수 있습니다. 기본적으로 다음과 같이 표시됩니다.

.ux-filtered-column { 
    font-style: italic; 
    font-weight: bold; 
    background: #56b8ff; 
} 

색상을 변경하거나 아이콘을 추가 할 수도 있습니다.

내 문제가 해결되었습니다.

Answer 2

Ext.ux.grid.filter.Filter는 Ext.ux.grid.FiltersFeature.updateColumnHeadings() 메소드는활성의 '활성화'이벤트가 개시 될 때 어떤 순간에 표시되면 라는.

기본적으로 열 헤더에 "ux-filtered-column"css 클래스를 설정하는 방법입니다 (Ext.ux.grid.FiltersFeature.filterCls의 기본 구성).

이 FiltersFeature 속성을 변경하거나 다른 방법을 사용하여 메서드를 덮어 쓸 수 있습니다.