Cfg.ShowFilter : 1 또는 ShowFilterRow 메서드를 통해 필터 기능을 사용할 수 있습니다.


1. "Type" : "Text"열(Column)의 Filter 행에서 Menu 띄우기

"Type" : "Text" 인 열(Column)은 필터 셀에서 입력한 글자를 기준으로 필터링 됩니다.


이를 excel 처럼 열(Column)의 내용을 기준으로 Menu로 표시하려면 다음과 같이 설정하시면 됩니다.

var options = {
  "Cfg":{},
  "Cols":[ ... ],
  "Filter": {
    "DELIVERYDEPTNAME": { //<-- 열(Column) Name
      "Button": "Defaults",
      "Defaults": "|*Rows"
    }
  }
}
  




2. "Type" : "Enum"열(Column)의 Filter 행에서 Menu 띄우지 않기

"Type" : "Enum" 인 열(Column)은 필터에서 Menu 객체가 열리고 아이템을 선택하여 필터링 하게 됩니다.




"Type" : "Enum" 열(Column)에서 Menu를 띄우지 않고 입력한 글자로 검색하려면 Filter 셀의 타입을 변경하면 됩니다.

var options = {
  Cfg:{},
  Cols:[...],
  Filter: {
    //Enum 열(Column) Name
    "ComboData": {  
      "Type": "Text"
    }
  }
}



3. "Type" : "Date" 또는 Button 설정한 열(Column)에서 Filter행에 아이콘 표시 하지 않기

"Type" : "Date"  또는  Button을 설정한 열(Column)은 기본적으로 Filter 행에 아이콘이 표시됩니다.



"Type" : "Date" 열(Column)에서 달력 아이콘을 없애려면 Button 속성을 변경하면 됩니다.

var options = {
  Cfg:{},
  Cols:[...],
  Filter: {
    //날짜 열(Column) Name
    "YmdData": {  
      "Button": ""
    }
  }
}