как очистить окно поиска по событию клика в таблице начальной загрузки wenzhixin без обновления страницы?

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

 <table id="view_table" data-toggle="table" 
      data-search="true"
      data-page-list="[5, 10, 20]"
      data-page-size="5"
      data-pagination="true"
      data-show-pagination-switch="true" >
 <thead>
    <tr class="table-heading">
       <th data-field="image"><h4>Image</h4></th>
       <th data-field="name"><h4>Name</h4></th>
    </tr>
 </thead>

   <tbody>


   </tbody>
</table>
<button id="empty_search" class="btn btn-primary">Save</button>
 <script>
    $('#empty_search').on('click', function(){
        $.(this.["data-search"]).empty();
    });
</script>

person vicky793    schedule 19.11.2018    source источник
comment
this.["data-search"] изначально не имеет смысла. Кроме того, this, вероятно, не то, что вы ожидаете от него в этом контексте, синтаксис также является поддельным — это либо foo.bar, либо foo[bar] — но не точка и квадратные скобки.   -  person misorude    schedule 19.11.2018
comment
попробуйте использовать $( this ).data( "search", '' ) вместо $.(this.["data-search"]).empty()   -  person Stranger    schedule 19.11.2018
comment
@ Незнакомец, да, я пытался, но не работает.   -  person vicky793    schedule 19.11.2018
comment
@misorude, $('#empty_search').on('click', function(){ $(#view_table[data-search]).empty() }); правильно?   -  person vicky793    schedule 19.11.2018
comment
Это выберет элемент table в вашем примере (потому что у него есть этот идентификатор и атрибут с именем data-search), но я сомневаюсь, что вы на самом деле хотите «очистить» всю таблицу (?). Вы говорите о поле поиска, но в коде, который вы показали выше, такого нет. Если это поле создается динамически другим сценарием, используйте инструменты разработчика вашего браузера, чтобы проверить его и узнать, какой у него идентификатор (или другие характеристики, подходящие для выбора, если это необходимо). И чтобы очистить поле ввода, правильным методом будет установка значения в пустую строку.   -  person misorude    schedule 19.11.2018
comment
$( '#view_table' ).data( "search", '' ); у меня работает нормально (нужен jquery)   -  person Stranger    schedule 19.11.2018
comment
@misorude, сэр, в таблице начальной загрузки wenzhixin data-search= true работает как окно поиска, поэтому мы не создаем окно поиска. если мы делаем data-search=false, то окно поиска автоматически отключается и не отображается.   -  person vicky793    schedule 19.11.2018
comment
@Stranger, сэр $('#view_table').data(search, ''); это все еще не работает.   -  person vicky793    schedule 19.11.2018
comment
«в таблице начальной загрузки wenzhixin data-search= true работает как поле поиска» — простая таблица сама по себе не позволяет пользователю вводить что-либо для поиска, поэтому то, что делает этот атрибут, вероятно, указывает некоторому сценарию автоматически генерировать поле ввода поиска на основе этого.   -  person misorude    schedule 19.11.2018
comment
Похоже, вы используете это здесь, issues.wenzhixin.net.cn/bootstrap-table - так что вам не следует возиться с попыткой очистить какие-либо поля формы самостоятельно, а просто вызвать метод, который это предоставляет, чтобы очистить поиск: issues.wenzhixin.net.cn/bootstrap-table/#methods/   -  person misorude    schedule 19.11.2018


Ответы (2)


Вот пример: http://jsfiddle.net/9ynp8j6k/1/

Вы можете очистить поле формы следующим образом:

$('#clear').on("click",function() {
    $('.bootstrap-table .form-control').val("");
});
person de-facto    schedule 19.11.2018
comment
Когда я щелкнул в любом месте таблицы, чтобы данные таблицы не сбрасывались, а отображались те же данные или не было записи, появилось сообщение для отображения. - person vicky793; 29.11.2018

Когда вы нажимаете кнопку очистки, значение поля поиска сбрасывается, и вы снова ищете новые свежие данные.

$('#clear').on("click",function() {
     $('#bootstrap_table_ID').bootstrapTable("resetSearch","");
 });
person vicky793    schedule 29.11.2018