2 つの asp.net リスト ボックスがあります。ドラッグ アンド ドロップを使用して、あるリスト ボックスから別のリスト ボックスに項目を移動したいと考えています。j Query を使用しようとしましたが、動作しているようです。また、リスト ボックスを HTML 選択に変更しましたが、それでも同じです。同じことをするボタンを追加しようとしました。私のコードは次のとおりです。どんな助けでも大歓迎です。
<script type="text/javascript">
$(function () {
$("#Setter, #Getter").sortable({
connectWith: ".sortable"
}).disableSelection();
});
$(document).ready(
function () {
$('#Selectone').click(
function (e) {
$('#Setter > option:selected').appendTo('#Getter');
e.preventDefault();
});
$('#SelectAll').click(
function (e) {
$('#Setter > option').appendTo('#Getter');
e.preventDefault();
});
$('#RemoveOne').click(
function (e) {
$('#Getter > option:selected').appendTo('#Setter');
e.preventDefault();
});
$('#RemoveAll').click(
function (e) {
$('#Getter > option').appendTo('#Setter');
e.preventDefault();
});
});
</script>
<select id="Setter" runat ="server" datasourceid="LinqDataSource1" class="sortable" multiple="true" draggable="true" datatextfield="Section" datavaluefield="Section" dropzone="Getter" size="30" > </select>
<asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="WebApplication1.insentraDataContext" EntityTypeName="" OrderBy="Section" Select="new (Section)" TableName="Sections">
</asp:LinqDataSource>
<asp:Button ID="Selectone" runat="server" Text=">" />
<asp:Button ID="SelectAll" runat="server" Text=">>" />
<asp:Button ID="RemoveOne" runat="server" Text="<" />
<asp:Button ID="RemoveAll" runat="server" Text="<<" />