Плагин jQuery DataTables: как ссылаться на текстовое поле поиска?

Question

Плагин jQuery DataTables: как ссылаться на текстовое поле поиска?

0

Я пытаюсь реализовать решение здесь:

Плагин jQuery DataTables: как выделить текущий текст поиска?

Но я не могу правильно ссылаться на поле поиска:

<input type="search" class="form-control input-sm" aria-controls="tblMainHorz">

Я попробовал следующее:

$("#tblMainHorz").highlight($("input.form-control input-sm").val());
$("#tblMainHorz").highlight($("input.form-control.input-sm").val());
$("#tblMainHorz").highlight($("input.form-control\\.input-sm").val());

Но никто из них не работает. Что я делаю не так?

user1964797 13 май 2014, в 17:42

Источник

Теги:

javascript

jquery

datatables

1 ответ

Ещё вопросы

MBaas · Answer 1 · 2014-05-14T05-42-00.000Z

0

Попробуйте $('.dataTables_filter > label > input').val('xxx') - работает для меня...

MBaas 14 май 2014, в 05:42

0

Я пробовал оба: $ ("# tblMainHorz"). Highlight ($ ('. TblMainHorz_filter input'). Val ()); $ ("# tblMainHorz"). highlight ($ ('# tblMainHorz_filter input'). val ()); Также пробовал: $ ("# tblMainHorz"). Highlight ($ ('# dataTables_filter input'). Val ()); Но я знаю, что это не то, что называется моя таблица (dataTables). Есть идеи?
user1964797 15 май 2014, в 14:24
0

AFAIK, .dataTables_filter - это универсальный класс, применяемый dataTables, поэтому я ожидал, что он будет работать и без изменений на вашей странице. Он назначен div, который содержит фильтр - ааааа, но, возможно, в этом и проблема, для моего случая было достаточно получить этот окружающий div, в то время как вам нужно напрямую перейти на вход. Одну минуту я обновлю свой код :)
MBaas 15 май 2014, в 14:30
0

Спасибо, но я попытался $ ("# tblMainHorz"). Highlight ($ ('. DataTables_filter> label> input'). Val ()); - до сих пор не работает ...
user1964797 19 май 2014, в 14:55
0

Можете ли вы предоставить скрипку, возможно? (Www.jsfiddle.net)
MBaas 19 май 2014, в 14:58
0

К вашему сведению, этот раздел выглядит следующим образом: <div class = "row-liquid"> <div class = "span6"> <div class = "dataTables_filter" id = "tblMainHorz_filter"> <label> Find <input class = " контроль формы input-sm "aria-controls =" tblMainHorz "type =" search "> </ label> </ div> </ div> </ div>
user1964797 19 май 2014, в 14:59
0

Вы уверены, что это фактический HTML после применения dataTables? Потому что, если бы это было все, тогда это сработало бы. Смотрите здесь: jsfiddle.net/k8FRy/5 Так что-то должно быть по-другому в вашей настройке ...
MBaas 20 май 2014, в 08:15
0

Вот скрипка, которая использует dataTables, поэтому она должна соответствовать вашему местоположению: jsfiddle.net/vXq7U/1
MBaas 20 май 2014, в 08:42

Показать ещё 5 комментариев