listview如何实现多选择拖动
<link type="text/css" rel="stylesheet" href="App_Themes/logistic/jquery.ui.all.css" />
<script type="text/javascript" src="Scripts/jquery-1.4.4.js"></script>
<script type="text/javascript" src="Scripts/jquery.ui.core.js"></script>
<script type="text/javascript" src="Scripts/jquery.ui.widget.js"></script>
<script type="text/javascript" src="Scripts/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="Scripts/jquery.ui.sortable.js"></script>
<script type="text/javascript" src="Scripts/jquery.json-2.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="App_Themes/logistic/demos.css" />
<style type="text/css">
#sortable1, #sortable2
{
list-style-type: none;
margin: 0;
padding: 0;
float: left;
margin-right: 10px;
}
#sortable1 li, #sortable2 li
{
margin: 0 5px 5px 5px;
padding: 5px;
font-size: 1.2em;
width: 120px;
}
</style>
<script type="text/javascript">
var getSelectedFormula = function () {
var hfIDs = $("input[type='hidden']", $("#sortable1"));
var ids = [];
$.each(hfIDs, function (kk, id) {
ids.push(id.value);
});
$("#<%=hfSelectedFormulaID.ClientID %>").val($.toJSON(ids));
__doPostBack("<%=btnCommit.UniqueID %>", "");
}
$(document).ready(function () {
$("#<%=btnCommit.ClientID %>").css("display", "none");
$("#sortable1, #sortable2").sortable({
connectWith: ".connectedSortable"
}).disableSelection();
$(".sortable").sortable("toArray");
});
</script>
<ul id="sortable1" class="connectedSortable" style="width:135px">
<asp:ListView ID="ListView1" runat="server" OnPreRender="ListView1_PreRender">
<LayoutTemplate>
已绑定公式:
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
<div class="sortable">
<div class="item">
<table class="sortable" style="cursor:move">
<tr>
<td>
<asp:HiddenField ID="hfID" runat="Server" Value='<%#Eval("ID") %>' />
<p class="title">
<%#Eval("Name") %></p>
</td>
</tr>
</table>
</div>
</div>
</ItemTemplate>
</asp:ListView>
</ul>
<ul id="sortable2" class="connectedSortable">
<asp:ListView ID="ListView2" runat="server" OnPreRender="ListView2_PreRender" >
<LayoutTemplate>
未绑定公式:
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
<div class="sortable">
<div class="item">
<table class="sortable" style="cursor:move">
<tr>
<asp:HiddenField ID="hfID" runat="Server" Value='<%#Eval("ID") %>' />
<td>
<p class="title">
<%#Eval("Name") %></p>
</td>
</tr>
</table>
</div>
</div>
</ItemTemplate>
</asp:ListView>
</ul>
现在只能单项拖动,我想实现选择多个拖动所需项,可以通过按住ctrl来选择,谁能教下