由于某种原因,jQuery UI的.sortable()
函数返回空字符串,我不知道为什么。 这是我的代码:
<ul id="sortable">
@{int i = 0;}
@foreach (var item in Model.Columns)
{
if (item.isrequired == true)
{
<li class="col-lg-12 col-md-12 col-sm-12 ui-state-default">
<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
<div class="col-lg-12 col-md-12 col-sm-12" style="position: relative;">
@Html.CheckBox("ColumnGroup", true, new { @value = item.column_name, @id = item.column_name, data_icon = "Foo_" + i, @name = "ColumnCheckbox", @disabled = "disabled", @class = "squaredThree" })
@Html.Label("", (string)item.column_name)
<span style="font-size: 0.9rem; color: red; vertical-align: text-top!important">*Required Column</span>
</div>
</li>
i++;
}
else
{
<li class="col-lg-12 col-md-12 col-sm-12 ui-state-default">
<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
<div class="col-lg-12 col-md-12 col-sm-12 checkAllBoxes" style="position: relative;">
@Html.CheckBox("ColumnGroup", true, new { @value = item.column_name, @id = item.column_name, data_icon = "Foo_" + i, @class = "squaredThree" })
@Html.Label("", (string)item.column_name)
</div>
</li>
i++;
}
}
</ul>
和:
var sortedIDs = $( '#sortable' ).sortable( "toArray", { attribute: 'data-icon' } );
可拖动性工作得很好,但我无法获得 li 的数组顺序
我在Li元素上没有ID,只有输入。 一旦我将 id 添加到 lli 中,它就可以完美运行。