Grid Filter Panel

Grid Filter Panel

"filterPanel": {
    "type": {
      "name": "expanded",
      "state": true
    },
    "areaName": "P1",
    "header": "Filters",
    "groupsLayout": [
      [
        "G1"
      ]
    ],
    "groups": [
      {
        "areaName": "G1",
        "fields": [
          {
            "xSpan": 3,
            "controlType": "filter", 
            
  // Bu kullandığımız alanın filtreleme yapacağını belirtiriz.
  
        "field": "TRANSACTIONSTARTDATE",
        "label": "Start Date",
        "value": "$moment(ANG.PROGDATE).subtract(7,'d')",
        "required": true,
        "operator": ">=",
        
  //Operatorunu belirtiriz (=,<,>,=>,=<,<>)
  
        "type": "date", 
        
  //Bu alanın veri tipini belirtiriz.
  
  (text,double,date,time,datetime) "showOperator": false, 
  
  //Kullanıcılar operator seçimini kendileri değiştirebilmesi
   için true yapmak yeterlidir.
   
        "elementName": "G1~0" 
        
  // Filter paneldeki alanları prosedüre foksiyona
   göndermek için script yazdığımızda burada verdiğimiz 
   isimden ilgili alana uniq isim vermek için kulllanılır.
   
          },
          {
            "xSpan": 3,
            "controlType": "filter",
            "field": "TRANSACTIONSTARTDATE",
            "label": "Start Date",
            "value": "$moment(ANG.PROGDATE).add(1,'days')",
            "required": true,
            "operator": "<=",
            "type": "date",
            "showOperator": false,
            "elementName": "G1~1"
          }
        ]
      }
    ]
  }