Stack Overflow
Stack Overflow

Questions tagged [jquery-ui-selectable]

The jQuery UI Selectable plugin: Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections.

The jQuery-ui Selectable plugin allows for elements to be selected by dragging a box (sometimes called a lasso) with the mouse over the elements. Also, elements can be selected by click or drag while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections.

API Documentation

239 questions
5
votes
2 answers

how to disable a specific element of selectable list

I want to disable a specific element of a selectable list. I am able to disable the whole list, but when I try with specific element, it doesn't work. $('#disableButton').click(function(){ $('#selectable li#b…
Komlan
  • 102
  • 4
  • 12
5
votes
2 answers

jqueryui selectable with nested lists - selecting/deselecting a parent should select/deselect all it's children

I'm trying to build a two-level multi-select control using nested ULs and jqueryUI selectable. Currently, I'm restricting selections to the Child level, but what I really want is to be able to select a Parent LI and have all it's Child LIs select…
rolfsf
  • 1,853
  • 3
  • 24
  • 34
4
votes
1 answer

jQuery UI: "base is not a constructor"

I've installed jQuery and jQuery UI with npm. Upon attempting to require('jquery-ui/ui/widgets/selectable') in one of my own JS modules, I get the following error message: TypeError: base is not a constructor (widget.js:108) What am I missing?
zepp133
  • 1,542
  • 2
  • 19
  • 23
4
votes
3 answers

Is there a way to change event parameters in jQuery?

I want to be able to change the parameters that are being passed into the selectable's start event, so I can basically allow my user to use the selectable jQuery UI effect without having to hold down the CTRL key. JS $(function() { $( "#selectable"…
Joseph
  • 25,330
  • 8
  • 76
  • 125
4
votes
1 answer

jQuery UI:How to keep TextBoxes editable when theny are selectable()

I have an input type="text" in a table. https://jsfiddle.net/L0vx0hck/ $('#myGrid').selectable({ filter: ".dataItemColumn,.dataText", cancel: null, distance: 10 }); td { padding: 5px; border: 1px solid black } .ui-selected { …
IvanH
  • 5,039
  • 14
  • 60
  • 81
4
votes
3 answers

jQuery UI - Selectable Widget - How to disable multi select?

In jquery ui selectable widget, I noticed that you can select more than one item by holding ctrl (or by dragging a box), but how do you disable multi selecting. I only want to be able to select 1 at a time. Thanks.
omega
  • 40,311
  • 81
  • 251
  • 474
3
votes
1 answer

How can i capture the value from a check in and check out
  • ?

    • How can I capture the value from a check in and check out
  • ? I already have many
      and
    1. as you can see in this image: http://s2.subirimagenes.com/otros/previo/thump_7254872hot.jpg I need to capture the check in value (in the image, from…
    • Pedro Herencia
    • 129
    • 1
    • 4
    3
    votes
    1 answer

    jQuery UI selectable isnt displaying the selection outline, why?

    On the jQuery UI selectable demo page: http://jqueryui.com/demos/selectable/#default when you select elements, you can see the selection box outline. How come this doesnt appear when I try it? This isnt my fiddle, but it also has the same…
    chacham15
    • 13,719
    • 26
    • 104
    • 207
    3
    votes
    2 answers

    jQuery UI selectable, with flow selection instead of box selection

    I want to use something similar to jQuery UI's Selectable. But it operates strictly on a dragged rectangle, and I want something that operates on a flow layout (like selecting text). As an example, if I go to the Selectable "display as grid" demo,…
    Joe White
    • 94,807
    • 60
    • 220
    • 330
    3
    votes
    1 answer

    jQuery UI selectable css transform issue

    I have a strange bug concerning the jQuery UI selectable. If I use a transform (scale + translate) within the selectable container, the lasso seems to be incorrect for selecting objects. Visually the lasso works perfecly! Here is my coding example:…
    marius
    • 1,118
    • 1
    • 18
    • 38
    3
    votes
    1 answer

    React Native ListView: rendered Text is not selectable

    I am new to React Native and am testing out ListView. I render each row as Text with selectable={true}, but I cannot select any text in any row. I cannnot find out why and googling didn't give me anything. How should I do it so that I can select…
    ZH17
    • 53
    • 5
    3
    votes
    2 answers

    Disable a selected element after select

    How can I disable a selectable element after it was clicked in the following example? Also I need to change its CSS style. $(function(){ $("#selectable").selectable({ stop: function() { var result = $( "#select-result" ).empty(); …
    furry
    • 86
    • 9
    3
    votes
    1 answer

    lightweight alternative to jquery ui selectable in an angular project

    The jQuery UI selectable widget is a powerful tool. https://jqueryui.com/selectable/ However, adding this widget to an angular project I suppose would be frowned upon as being against the "angular way". However, I have attempted to search…
    mg1075
    • 17,985
    • 8
    • 59
    • 100
    3
    votes
    3 answers

    Plugin for jQuery Text-editor style selection?

    What I'm trying to achieve is to use jQuery to mimic the behavior of the text-selection functionality you see in a typical text-editor, except instead of selecting text, I want to select multiple rows of
    s. However, so far the only "selection"…
    Suan
    • 34,563
    • 13
    • 47
    • 61
    3
    votes
    1 answer

    Input blur inside selectable element

    I have an input element inside a Jquery-UI selectable element. And I want to fire the blur event when clicking outside the input, but it's not possible, because of the container, the selectable element stops propagating the mousedown. Example…
    István
    • 5,057
    • 10
    • 38
    • 67
    1
    2
    3
    …
    15 16