Отфильтруйте результат таблицы, используя событие JQuery, щелкните после нажатия Enter.

Question

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

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

Любая помощь приветствуется

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

ниже фрагмента кода, который я пробовал:

$("#GrupoEmpresaAutoComplete").on("keyup", function () {
        searchText = $(this).val();
        searchText = searchText.toLowerCase();
        searchText = searchText.replace(/\s+/g, '');
        $('.CelebreTableRow > td').each(function () {
            var currentTdText = $(this).text(),
                showcurrentTd = ((currentTdText.toLowerCase()).replace(/\s+/g, '')).indexOf(searchText) !== -1;
            $(this).toggle(showcurrentTd);
        });
    });

Форма:

<div id="Filtros" class="accordion-body collapse in">
  <div class="accordion-inner">
   <div class="well">
      <form action="@Url.Action("Filtros")" method="POST" id="formFiltros">
       <fieldset>
         <div class="row-fluid">
           <div class="span6">
              @Html.LabelFor(x => x.IdGrupoEmpresa, "Salesman")
                <div class="controls">
                @Html.TextBox("GrupoEmpresaAutoComplete", "", new { placeholder = "Digite um vendedor(cnpj ou nome)..." })
                 @Html.HiddenFor(x => x.IdGrupoEmpresa)
             </div>
         </div>
          <div class="span6">
             @Html.LabelFor(x => x.IdCliente, "Customer")
        <div class="controls">
             @Html.TextBox("ClienteAutoComplete", "", new { placeholder = "Digite um adquirente..." })
             @Html.HiddenFor(x => x.IdCliente)
         </div>
      </div>
   </div>
  }
 </fieldset>
</form>

Answer 1

Обнаружение нажатия клавиши по значению event.which или event.keyCode, которое должно быть 13 для Enter

$("#search-bar").on("kepress", function(e) {
      var k = event.keyCode || e.which;
      if (k == 13) {
        // filter and show result
      }
    }