9 replies to this topic

[al2401]

Добрый день, подскажите как в множественный фильтр jquery.chosen добавить "Выбрать все" и "Снять все".

 

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

 

на http://stackoverflow.comесть такой ответ:

$('.my-select-all').click(function(){
    $('#my_select option').prop('selected', true); // Selects all options
});

не знаю как прикрутить его к JBZoo jquery.chosen

[SmetDenis]

JBZoo использует chosen из Joomla.
Есть вероятность что он устарел и там может не быть такой возможности.


Не вижу проблемы добавить этот JS в подходящий шаблон, например в основной формы фильтра.
Пробовали?

[al2401]

Да в шаблон фильтра добавлял, не уверен, что правильно, не работает.

<script type="text/javascript">
  $('.jbfilter-element').click(function(){
     $('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
});
</script>

[SmetDenis]

А можете дать ссылку на страницу?

[CB9TOIIIA]

и Вы вот серьезно не думаете, что кто-то может в админке shell залить или еще чего? в паблик зачем.

[SmetDenis]

Попробуйте сделать так

$('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
$('#jbfilter-id-itemauthor').JBZooSelect({}).JBZooSelect('repaintChosen');

[al2401]

Добавил, визуально ничего не изменилось

[al2401]

и Вы вот серьезно не думаете, что кто-то может в админке shell залить или еще чего? в паблик зачем.

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

[SmetDenis]

Так вы не правильно используете jQuery.
Всю работу скриптов всегда нужно обрамлять в doсument ready

<script type="text/javascript">
jQuery(function($){ // выполнится только после загрузки документа
    $('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
    $('#jbfilter-id-itemauthor').JBZooSelect({}).JBZooSelect('repaintChosen');
});
</script>

[al2401]

Да с jQuery теперь понял, код работает, как надо. Добавил, чтоб работало по клику. Спасибо.

<div id="select-all" style="cursor: pointer; text-decoration: underline;">Выбрать все</div>
<script type="text/javascript">
	jQuery(function($){ 
		jQuery('#select-all').click(function() {
			$('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
			$('#jbfilter-id-itemauthor').JBZooSelect({}).JBZooSelect('repaintChosen');
		});
	});
</script>

Edited by al2401, 26 August 2016 - 17:18.