Free jqGrid - Правило пользовательского фильтра для «пустого» и «не пустого»

Question

Я знаком с пользовательскими операциями, которые можно добавить bd в раскрывающийся список слева рядом с каждым фильтром столбцов.

Что я после этого, является добавление двух новых типов пользовательских операторов для фильтрации: 1. Пустой 2. Не пусто

В то время как я знаю, как добиться того, что сам по себе, у меня есть проблемы с UX такого потока в Free JqGrid. Это связано с тем, что эти два пользовательских оператора не нуждаются ни в каком входе от пользователя после их выбора, поэтому пользователю нужно будет нажать «войти» после выбора этого оператора с пустым значением - очень запутанным.

То, что я хочу знать, как достигнуть следующих рассмотреть я уже определил новый пользовательский оператор:

1. совершить сделку идти, как только я выбираю этот оператор, не дожидаясь, пока пользователь ничего типа, или нажмите кнопку ввода (что-то вроде onSelect).
2. При необходимости отключите возможность вводить что-либо в пределах этого фильтра после того, как выбран этот конкретный оператор.

Спасибо,

Tal.

Answer 1

Благодарим за внимание, что проблема определения нестандартная унарные операции. Я совершил the changes кода free jqGrid, чтобы разрешить указывать пользовательские унарные операции внутри новой опции customUnaryOperations.

определяет две пользовательские операции фильтрации: «em» («is empty») и «nm» («is not empty») и используют операции в столбцах «Сумма» и «Примечания». В столбце «Примечания» дополнительно используются стандартные (предопределенные) операции «nu» («null») и «nn» («не null»). В колонке "Сумма" использует

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; 
      } 
     } 
    } 
}