标签: jquery-ui-selectable

有谁知道如何组合jQuery UI可选择和可排序？此脚本:http://nicolas.rudas.info/jquery/selectables_sortables/在Chrome中不起作用,它也有插件修改.

我有一系列可选择的项目.我想在某处添加一个按钮,激活其中的预设选择.有没有办法可以做到这一点？

我想要的是告诉它"选择这些家伙",然后将所有事件和所有事件都解雇正常,所以我不必手动调用所有这些选择事件.

更多信息:我所谈论的事件是他们的api和他们的演示页面中列出的事件:

• 选
• 选择
• 开始
• 停
• 未选中
• 取消选择

而且,我认为在选择时可能会设置/清除数据.所以不只是添加那些css类.

任何人都可以帮我使用jquery ui可选库来执行以下功能:

• 允许用户通过鼠标单击选择多个项目
• 如果已经通过鼠标单击选择了项目,则取消选择该项目

我想通过保持在jQuery UI可选表中启用多选功能shift.

如果shift按下鼠标点击,我可能应该这样做

• 获取最顶层的选定元素
• 获取单击元素
• 选择其间的所有元素

但我无法找到如何以干净的方式做到这一点......

目前我在可选配置中得到了这个:

start: function(e)
        {
            var oTarget = jQuery(e.target);
            if(!oTarget.is('tr')) oTarget = oTarget.parents('tr');
        }

所以oTarget是点击的元素(且e.currentTarget是全表),但现在该怎么办？我怎样才能找到哪些元素已经被选中,可以告诉我点击的元素是否超过所选元素并选择其间的所有内容？

我已经像这样解决了它,添加到可选元素:

jQuery(table).mousedown(function(e)
    {
        //Enable multiselect with shift key
        if(e.shiftKey)
        {
            var oTarget = jQuery(e.target);
            if(!oTarget.is('.ui-selectee')) oTarget = oTarget.parents('.ui-selectee');

            var iNew = jQuery(e.currentTarget).find('.ui-selectee').index(oTarget);
            var iCurrent = jQuery(e.currentTarget).find('.ui-selectee').index(jQuery(e.currentTarget).find('.ui-selected'));

            if (iCurrent < iNew) {
                iHold = iNew;
                iNew = iCurrent;
                iCurrent = iHold;
            }

            if(iNew != '-1')
            {
                jQuery(e.currentTarget).find('.ui-selected').removeClass('ui-selected');
                for (i=iNew;i<=iCurrent;i++) {
                    jQuery(e.currentTarget).find('.ui-selectee').eq(i).addClass('ui-selected');
                } …

有没有人知道是否有办法配置一个jquery ui可选元素来单击它时取消选中所选元素？有点像切换.如果已选中,则取消选择,否则执行默认行为.

谢谢.

有一个SelectableText小部件可以让您选择文本。但它缺少overflow参数，这是必需的......

有什么解决方法可以使其发挥作用吗？或者类似的解决方案？谢谢！

有没有办法以编程方式"取消选择"给定$("#selectable").selectable()窗口小部件的任何和所有选定元素？

我想知道jQuery UI Selectable上是否有一个选项可以让我禁用Ctrl+ Click,但仍保留多个选择的可拖动选项.在我的项目中,我希望能够让人们选择倍数,但只能通过拖动,而不是通过Ctrl+点击.

如果没有,有没有人知道我能做到这一点的方法？

任何信息都会非常有用!:) 谢谢!!!

我有一个包含不同元素的列表.我希望所有人都可以选择,但只能在小组中.喜欢:

<ul>
<li rel="group1">Item 1</li>
<li rel="group1">Item 2</li>
<li rel="group2">Item 3</li>
<li rel="group2">Item 4</li>
<li rel="group3">Item 5</li>
<li rel="group3">Item 6</li>
</ul>

我写了一些可以工作的东西,但是如果当前的元素rel属性与首先选择的不同,我不知道如何取消当前选择.

    var selected = null;

    $( "#selectable" ).selectable({
        selecting: function(event, ui) {
            if (!selected)
                selected = $(ui.selecting).attr('rel');

            if (selected != $(ui.selecting).attr('rel')){
               // cancel this selection
            }
        }
    });

我有一个内部有div的div.外部有一个overflow-y: auto;,因此有许多内部项目会出现右侧滚动条.在$('#container').selectable();我按下滚动条上的鼠标左键后,它不会滚动,但会显示一个用于选择的虚线框.

我找到了这个解决方案:JQuery UI Selectable插件:当div溢出时,滚动条不可选

不幸的是,它对我不起作用,因为当我滚动到底部时,项目停止可选.(虽然最重要的是继续).所以,问题是:如何使滚动条... mmm ...滚动条,而不将容器分成2个div.