3

jQuery UI を使用して、いくつかの項目を 1 つの複数選択から別の項目 (空の項目) にドラッグ アンド ドロップする際に問題が発生しています。

これは、複数選択と js 関数のコードです。

<div class="availableContainer">
    <span style="font-weight: bold">Available items</span>
    <select name="@sort1" id="@sort1" multiple="multiple" class="connectedSortable">
        @for (var i = 0; i < ViewBag.Fields.Count; i++)
        {
            <option value="@ViewBag.Fields[i].Name">@ViewBag.Fields[i].Name</option>
        }
    </select>
</div>
<div class="selectedContainer">
    <span style="font-weight: bold">Selected items</span>
    <select name="@sort2" id="@sort2" multiple="multiple" class="connectedSortable">            
    </select>
</div>

<script type="text/javascript">
$(document).ready(function() {
    $("#@sort1, #@sort2").sortable({
        connectWith: ".connectedSortable",
    }).disableSelection();
});

これを<ul>andで使用してみまし<li>たが、正常に動作しますが、複数選択では何もしません。そして、複数選択で機能するために本当に必要です。私が間違っていることについてのヒントはいいでしょう。

補足として、このコードはかみそりの部分ビューにあります。

4

1 に答える 1

2

select-option 要素が jQuery UI のソート可能、ドラッグ可能、ドロップ可能をサポートしているとは思わない。

のような jQuery プラグインに移行できますmultiselect。

于 2013-10-08T16:55:48.867 に答える