Javascript-форум - Selectable тонкая настройка

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Selectable тонкая настройка (https://javascript.ru/forum/jquery/66172-selectable-tonkaya-nastrojjka.html)

Selectable тонкая настройка

Я начинающий программист JS, помогите с плагином Selectable и его настройкой для моих нужд.

Режим работы у меня такой:
$(document).ready(function() {
$("#selectable").bind("mousedown", function(e) {e.metaKey = true;})
.selectable();
});

Для выбора нескольких блоков в независимости нажат ctrl или нет.

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

Перед тем как написать 5 часов пытался придумать чтото сам :)

Тут демо на которой можно увидеть суть вопроса http://jqueryui.com/selectable/#display-grid

Попробуйте вот так: $( ".ui-selected" ).selectable( "disable" );

Dali,

Цитата:

Сообщение от Dali

Когда щелкаю по выбранному элементу, выделение снимается, отлично.
Но как снять выделение сразу группе выделенных элементов?

Вообще-то в демо, который вы предлагаете посмотреть, выбор с группы снимается по любому клику (если отпустить ctrl). Если держать ctrl - выделение снимается индивидуально

Цитата:

Сообщение от Dilettante_Pro (Сообщение 436527)

Dali,

Вообще-то в демо, который вы предлагаете посмотреть, выбор с группы снимается по любому клику (если отпустить ctrl). Если держать ctrl - выделение снимается индивидуально

Я написал что модифицировал пример, бинд mousedown избавляет от необходимости использовать ctrl.

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

https://fiddle.jshell.net/cgqknoa0/1/
Вот конкретно мой пример. Предложенный во втором посте вариант почему-то деактивирует все.

Ну что ребят, нет вариантов? Я уже сам плагин начал ковырять, что б модифицировать, пока безуспешно, весь день уже потратил(

Цитата:

Сообщение от Rise (Сообщение 436681)

Dali,

$('#selectable').mousedown(function(e) {
	e.metaKey = true;
}).selectable({
	unselecting: function(e, ui) {
		$('.ui-selected', this).removeClass('ui-selected');
	}
});

Данная конструкция удаляет все, написал свой скрипт.
Покритиковать или попробовать можно тут:
https://github.com/Adeht/select_in_table