免費jqGrid - 「空」和「非空」的自定義過濾器規則

Question

我熟悉可以將bd添加到每個列過濾器左側下拉選擇中的自定義操作。

後我是什麼，是添加了兩個新類型的運營商定製的過濾： 1.空 2.不空

雖然我知道如何做到這一點本身，我有一個問題Free JqGrid中的這種流的UX。這是因爲這兩個自定義運算符在用戶選擇後不需要用戶輸入，所以用戶在選擇一個空值的運算符後必須點擊'enter' - 非常容易混淆。

我想知道的是如何才達到以下考慮我已經定義了一個新的運營商定製：

1. 創建事務去一次我選擇了這個操作，而無需等待用戶輸入任何東西，或點擊進入（類似onSelect）。
2. （可選）禁用在選定特定運算符後在該特定篩選器內鍵入任何內容的功能。

感謝，

塔爾。

Answer 1

感謝您指點定義問題的定製一元操作。我承諾代碼free jqGrid的the changes允許指定新選項customUnaryOperations內部的自定義一元運算。

The demo定義了兩個自定義篩選操作：「em」（「爲空」）和「nm」（「不爲空」）並使用「Amount」和「Notes」列中的操作。 「註釋」列另外使用標準（預定義）「nu」（「is null」）和「nn」（「非空」）操作。列 「金額」 使用

searchoptions: {sopt: ["eq", "ne", "em", "nm"]} 

和列 「注」 使用

searchoptions: {sopt: ["cn", "bw", "ew", "eq", "bn", "nc", "en", "nu", "nn", "em", "nm"]} 

還演示使用customSortOperations和新customUnaryOperations：

customUnaryOperations: ["em", "nm"], 
customSortOperations: { 
    em: { 
     operand: "=''", 
     text: "is empty", 
     filter: function (options) { 
      var v = options.item[options.cmName]; 
      if (v === undefined || v === "") { 
       return true; 
      } 
     } 
    }, 
    nm: { 
     operand: "!=''", 
     text: "isn't empty", 
     filter: function (options) { 
      var v = options.item[options.cmName]; 
      if (v !== undefined && v !== "") { 
       return true; 
      } 
     } 
    } 
}