it-roy-ru.com

jQuery Выбранный плагин без поля поиска

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

http://harvesthq.github.com/chosen/

30
bob_cobb

Ну, я попытался с документацией, и не повезло, так что я, наконец, решил это

. $ ( 'ЧЦЗ-поиск') скрыть ();

Я делаю вышеупомянутое после того, как я звоню выбранному.

11
Dhiraj

Просто быстрое продолжение: я заметил, что в функции 

AbstractChosen.prototype.set_default_values

переменная читается из

this.options.disable_search

Таким образом, вы можете отключить поле поиска с помощью

jQuery('select').chosen( {disable_search: true} );

без использования порога с фиксированным номером.

62
gunnarsson
$(".chzn-select").chosen({disable_search_threshold: 3});

Если номер элемента select меньше, чем disable_search_threshold (здесь 2 и меньше), окно поиска не будет отображаться.

43
Maxime Lafontaine

Я добавляю класс в мою таблицу стилей.

.chzn-select { display: none }

В качестве альтернативы для отдельных элементов я указываю элемент и добавляю _chzn для его назначения.

#element_chzn .chzn-select { display: none; }

Обратите внимание, что: selected преобразует дефисы в ваших идентификаторах элементов и классах в подчеркивания, поэтому вам нужно указать element-id.

#element_id_chzn .chzn-select { display: none; }
5
Jef Furlong

Более новые выбранные версии jquery дают вам возможность отключить поиск в выпадающем списке.

$(".chzn-select").chosen({
   disable_search: true
});

Старые версии не поддерживают эту опцию. Некоторые, как если вам строго запрещено использовать более новую версию, чем вы можете использовать

$(".chzn-select").chosen({
   disable_search_threshold: 5
});

оно будет скрывать окно поиска, если результаты меньше 5, лучше всего использовать с выпадающими полами. Есть еще один способ исправить это, и это;

$(".chzn-select").chosen();
$(".chzn-select").hide();

Вызовите hide сразу после инициализации, не знаю, почему этот трюк работает, но он делает то, что вы хотите!

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

Надеюсь, это работает для вас!

3
Adnan

Используйте этот код, чтобы отключить его:

jQuery('select').chosen( {disable_search: true} );

и не забудьте спрятать его, иначе он все равно будет работать на мобильном телефоне!

.chzn-search{display: none}
2
GwenM
$('select').chosen( {disable_search: true} );
2
sami

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

$('#myDropDown').chosen({ disable_search_threshold: 10 });
2
fotijr

Поскольку ни одна из выбранных настроек для скрытия поля поиска для нескольких выборок, похоже, не работает, я взломал selected.jquery.js в строке 577, чтобы:

<li class="search-field"><span class="placeholder">' + this.default_text + '</span></li>

(Span вместо поля ввода). Нужно также закомментировать эту строку

this.search_field[0].disabled = false;

Работает нормально для меня - хотя это не лучшая практика взломать код.

1
Arerrac

Я использовал jQuery ('select'). Selected ({disable_search: true}); но на Chrome Profiler метод search_field_scale был вызван в любом случае и снижает производительность.

Поэтому я удаляю метод и все вызовы к нему и заменяю this.search_field.css ({'width': '100%'}) в show_search_field_default и заменяю style = 25px на style: 100% And than this.search_field.css ({'width': '23px'}); result_select из-за «заполнителя данных»

работает нормально для меня.

0
pedrolopes10
0
Fury

С последней версией выбрано только то, что у меня работает:

$('ul.chosen-choices li.search-field').hide();
0
Darin Kolev