DataTables — отключить интеллектуальный поиск

avatar
Daniela Arantes
1 июля 2021 в 20:14
120
0
0

Я искал документацию, но при применении ее к моему API это не сработало... Мне нужно отключить интеллектуальный поиск DataTables. Вставьте «smart»: false при запуске, как показано ниже:

var table = $('table#tbitens').DataTable({
    "ajax" : "/api/v1/get/itens/dtItem?baixado=" + baixado,
    "deferRender": true,
    "processing": true,
    "serverSide" : true,
    "destroy": false,
    "scrollX": "100%",
    "scrollY": "50vh",
    "scrollCollapse": true,
    "stateSave": true,
    select: {
        style: 'single'
    },
    "search": {
        "smart": false
    },

Imagem do sistema de busca

В кнопке поиска я попробовал эти два способа, один с комментариями и один в верхней строке, но безуспешно. Если кто-то может помочь, я ценю это, я новичок в этой области и все еще учусь. Пытаюсь решить эту задачу с понедельника.

//Botão pesquisar
            $('#btnPesquisarItem').on('click', function(){
                var otable = $('#tbitens').DataTable();
                var collection = $("input.column_filter");
                collection.each(function() {
                    if ($(this).val().trim() != ''){
                        otable.columns($(this).parents('tr').attr('data-column')).search("^" + $(this).val() + "$", true, false, true).draw();
                            // original: otable.columns($(this).parents('tr').attr('data-column')).search($(this).val().trim());
                    }
                });

HTML

    <div class="tab-content" id="tabConteudo">
      <!-- FILTROS -->
      <div class="tab-pane fade" id="pesquisar" role="tabpanel" aria-labelledby="pesquisar-tab">
        <div class="table-responsive p-2">
            <div class="row">
            <form id="formitens" class="form-horizontal" method="POST" style="margin: 10px">
                <div class="col-sm-4">
                    <table style="width: 67%; margin: 0 auto 2em auto;">
                        <tbody>
                            <tr id="filter_col0" data-column="1">
                                <td>Empresa</td>
                                <td align="center"><input type="text" class="column_filter" id="col1_filter"></td>
                            </tr>
                            <tr id="filter_col1" data-column="2">
                                <td>Filial</td>
                                <td align="center"><input type="text" class="column_filter" id="col2_filter"></td>
                            </tr>
                            <tr id="filter_col2" data-column="3">
                                <td>Item</td>
                                <td align="center"><input type="text" class="column_filter" id="col3_filter"></td>
                            </tr>
                            <tr id="filter_col3" data-column="4">
                                <td>Agregado</td>
                                <td align="center"><input type="text" class="column_filter" id="col4_filter"></td>
                            </tr>
                            <tr id="filter_col4" data-column="5">
                                <td>Chapa</td>
                                <td align="center"><input type="text" class="column_filter" id="col5_filter"></td>
                            </tr>
                            <tr id="filter_col5" data-column="6">
                                <td>Descrição</td>
                                <td align="center"><input type="text" class="column_filter" id="col6_filter"></td>
                            </tr>
                            <tr id="filter_col6" data-column="7">
                                <td>Conta</td>
                                <td align="center"><input type="text" class="column_filter" id="col7_filter"></td>
                            </tr>
                            <tr id="filter_col7" data-column="8">
                                <td>Classe</td>
                                <td align="center"><input type="text" class="column_filter" id="col8_filter"></td>
                            </tr>
                             <tr id="filter_col8" data-column="9">
                                <td>Centro</td>
                                <td align="center"><input type="text" class="column_filter" id="col9_filter"></td>
                            </tr>
                        </tbody>
                    </table>
        
                </div>
                </form>
                
                <div class="col-sm-4">
                    <button type="submit" id="btnPesquisarItem" class="btn btn-default">
                        <span class="glyphicon glyphicon-search"></span> Pesquisar
                    </button>
                    <button type="button" id="btnLimparPesquisa" class="btn btn-default">
                        <span class="glyphicon glyphicon-remove"></span> Limpar pesquisa
                    </button>
                </div>
            </div>
        </div>
      </div>
      
      
      
      
      
      
      <!-- ITENS -->
      <div class="tab-pane fade show active" id="itens" role="tabpanel" aria-labelledby="itens-tab">
        
        <div class="table-responsive p-2">
            <div class="panel-header p-1">
                <div class="row">
                    <div class="col-sm-1">
                        <a class="tip btn btn-sm btn-success" data-container="body" data-toggle="popover" data-content="Insere um novo item" th:href="@{/itens/add/}"
                            sec:authorize="hasAnyAuthority('Administrador', 'Aquisições')">
                            <span class="glyphicon glyphicon-plus"></span>
                        </a>
                    </div>
                    <div class="col-sm-4" sec:authorize="hasAnyAuthority('Administrador', 'Movimentações')">
                        <select id="movimentacoes" autofocus="autofocus">
                                <option value="" disabled selected>Selecione um item para movimentar</option>
                        </select>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="verBaixados">
                            <label class="form-check-label" for="exampleCheck1">Exibir Itens Baixados</label>
                        </div>
                    </div>
                </div>
            </div>
            <table id="tbitens" class="table table-sm table-hover table-striped table-bordered" style="width:100%">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Empresa</th>
                        <th>Filial</th>
                        <th>Item</th>
                        <th>Agregado</th>
                        <th>Chapa</th>
                        <th>Descrição</th>
                        <th>Conta</th>
                        <th>Classe</th>
                        <th>Centro</th>
                         
                        <th:block th:each="area : ${areasConts}">
                            
                            <th th:text="#{general.cost} + ' ' + ${area.descricao}">Custo</th>
                            <th th:text="#{general.depreciation} + ' ' + ${area.descricao}">Depreciação</th>
                        
                        </th:block>
                        
                        <th></th>
                         
                        </tr>
                    </thead>
                </table>
                
                
            </div>
      </div>
    </div>  

        
Источник
marc_s
1 июля 2021 в 20:26
1

SO — это сайт только на английском языке. Пожалуйста, соблюдайте правила сайта и переведите свой вопрос (включая заголовок!)

starja
1 июля 2021 в 20:51
0

Я голосую за закрытие этого вопроса, потому что он не на английском языке.

camille
1 июля 2021 в 21:33
0

Почему это тег R? Что именно не работает?

Daniela Arantes
1 июля 2021 в 23:24
0

Камилла, это не работает... Я пытался отключить умный поиск, но это не сработало, и я не знаю, почему они закрыли мои сомнения.

Filburt
4 июля 2021 в 07:58
0

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

Ответы (0)