Выбираемый jQuery - отмените выбор одного элемента, нажав - это возможно?

StackOverflow https://stackoverflow.com/questions/2946537

Вопрос

Я хотел бы иметь возможность отменить выбор выбранного элемента, нажав или использую LASSO, как в Photoshop, где я держу другой ключ вниз, чтобы «отменить выбор» части существующего выбора.

Это возможно?

Как я понимаю, «jQuery ui выбирается». Есть только «один клик» с CTRL или без него, чтобы добавить несколько, а затем быстрое лассо.

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

Например, вы перетащите лассо и получаете 30 элементов, но считают, что 1 не нужно быть частью этого выбора. Вы нажимаете на него и отделяете его.

Таким образом, что-то реагирует на существующий выбор и удаляет выбранный элемент.

Или с лассо вы делаете выбор лассо. Получает 30 элементов. Затем вы нарисуете новое Lasso, на этот раз начинаем на уже выбранном элементе, теперь он отметки по умолчанию, и так отмечается остальная часть группы.

Я считаю, что это должно быть настраиваемое поведение для JQueryui, если что-то.

Но это возможно «одномоторное отделение» возможным с помощью простого взлома jQuery или он требует большого количества кода?

Это было полезно?

Решение

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

Я нашел этот пример от Nicolas Rudas (?): http://nicolas.rudas.info/jquery/selectables_sortables/

$(function() {
        $("#selectable")
            .selectable({
                autoRefresh: false,
                stop: function(e,ui){
                    $(this).selectable( 'refresh');
                },
                noConflict : false
            })
            .sortable({
                opacity:'0.5',
                cursor: 'move',
                zIndex: 5,
                helper : 'clone',
                forcePlaceholderSize : true,
                stop : function(){
                    $("#selectable").selectable( 'refresh');
                }
            })


        $('#noConflict').toggle(function() {
            $(this).text('Disable \'noCoflict\'');
            $("#selectable").selectable('option','noConflict',true).selectable( 'refresh');
        },
        function() {
            $(this).text('Enable \'noCoflict\'');
            $("#selectable").selectable('option','noConflict',false).selectable( 'refresh');


        });

    });

Он показывает, как он включил эту функцию, которую мы искали. Он также описывает некоторые проблемы, которые он тоже решает. У меня будет более тщательный посмотри в свой код себя сейчас.

Поэтому я закрываю этот вопрос.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top