Интеллектуальный поиск AngularJS в нескольких столбцах

Question

Смарт-таблица имеет встроенную функциональность для поиска по всем столбцам (st-search) или через один желаемый столбец (st-search = "'firstName'). поиск в нескольких столбцов (не все) примера: если у меня есть таблица вроде этого: имя, псевдоним, адрес с такими данными:

1. Джон, JJ, некоторый адрес
2. Стив, Джон, также адрес
3. Jane, Jane, John-village

и выполните поиск для «John», должны быть только первые две колонки. Возможно ли это?

Answer 1

Нео, обходной путь, чтобы создать собственную директиву, которая требует контроллера таблицы и вызов его апите дважды (например, поиск добавляется)

directive('stSearch', ['$timeout', function ($timeout) { 
    return { 
     require: '^stTable', 
     scope: { 
      predicate: '=?stSearch' 
     }, 
     link: function (scope, element, attr, ctrl) { 
      var tableCtrl = ctrl; 

      // view -> table state 
      element.bind('input', function (evt) { 
       evt = evt.originalEvent || evt; 
       tableCtrl.search(evt.target.value, 'column1'); 
       tableCtrl.search(evt.target.value, 'column2'); 
      }); 
     } 
    }; 
}]); 

вы найдете более подробную информацию в stSearch direcitve

Answer 2

У меня есть аналогичная проблема, и я решил использовать подсказки в этом post.

Смарт Таблица док говорит:

stSetFilter заменяет фильтр, используемый при поиске через смарт таблицы. Когда поведение по умолчанию для stSearch не соответствует вашим требованиям , как в выборе, где одна запись является подстрокой другого, использует пользовательский фильтр для достижения ваших целей.

и:

Обратите внимание, что st-safe-src требуется для выбора, чтобы правильно отображать все различные элементы в коллекции. Если это будет опущено, выбор будет содержать только значения из элементов, видимых в таблице, а также , затронутых пейджингом.

Вы можете объявить свой собственный фильтр внутри элемента таблицы в HTML:

<table ... st-set-filter="myCustomFilter" class="table table-striped"> 

... и ваш может настроить фильтр (в приложении) через функцию предиката. Она могла бы работать таким образом:

// filter method, creating `myCustomFilter` a globally 
// available filter in our module 
.filter('myCustomFilter', ['$filter', function($filter) { 

    // function that's invoked each time Angular runs $digest() 
    return function(input, predicate) { 
    searchValue = predicate['$']; 
    //console.log(searchValue); 
    var customPredicate = function(value, index, array) { 
     console.log(value); 

     // if filter has no value, return true for each element of the input array 
     if (typeof searchValue === 'undefined') { 
     return true; 
     } 

     var p0 = value['name'].toLowerCase().indexOf(searchValue.toLowerCase()); 
     var p1 = value['nickname'].toLowerCase().indexOf(searchValue.toLowerCase()); 
     if (p0 > -1 || p1 > -1) { 
     // return true to include the row in filtered resultset 
     return true; 
     } else { 
     // return false to exclude the row from filtered resultset 
     return false; 
     } 
    } 

    //console.log(customPredicate); 
    return $filter('filter')(input, customPredicate, false); 
    } 
}]) 

Я сделал эту маленькую plnkr, чтобы увидеть фильтр в действии

Answer 3

попробовать е-поиска = "{{FirstName + прозвище}}". Я пробовал использовать смарт-таблицу v2.1.6 и, похоже, работает.