1

Web ページにドラッグ アンド ドロップ機能を追加したいと考えています。Web ページには 2 つのテーブル A と B があります。両方のテーブルには 2 列と 5 行があります。テーブル A には、セル内に div セクションがあり、この div には、ラベルとテキスト ボックスの形式でいくつかの情報が含まれています。

ここで、ユーザーがテーブル A から div を選択し、それをテーブル B にドラッグ アンド ドロップできるようにします。そうすることで、div はテーブル A からテーブル B に移動し、ドロップされたセルに移動します。

AJAX または jquery を使用して Asp.net 4.0 でこの機能を実現する方法。

親切に助けて

4

3 に答える 3

1

「iGoogle」に似た「DropThings」を使用できます

Codeplex

作業サンプル

于 2012-06-02T07:18:38.907 に答える
1

Hiya In Jquery working demo http://jsfiddle.net/jT7wK/ && 別のデモ http://jsfiddle.net/56ua2/ (行をドラッグ アンド ドロップすると、アラートが表示されます。これが便利になると確信しています。 )

良い API リンク: http://jqueryui.com/demos/sortable/#connect-lists

このリンクは便利かもしれません: http://forum.jquery.com/topic/droppable-between-two-tables

この助けを願っています。何か見逃した場合はお知らせください。乾杯!

Jクエリコード

$(function() {
        $( "#sortable1, #sortable2" ).sortable({
            connectWith: ".connectedSortable"
        }).disableSelection();
    });​
于 2012-06-02T07:10:06.033 に答える
0

DragPanel (Ajax ツールキット) 説明:

DragPanel エクステンダーを使用すると、ユーザーはコントロールに「ドラッグ可能性」を簡単に追加できます。DragPanel は任意の ASP.NET パネルを対象とし、「ドラッグ ハンドル」として使用するコントロールを示す追加のパラメーターを受け取ります。初期化すると、ユーザーはドラッグ ハンドルを使用して Web ページ上でパネルを自由にドラッグできます。

Ajax ツールキットのドラッグ パネル

jQuery UI の使用 (デモを参照):

ドラッグ可能

ドロップ可能

于 2012-06-02T07:03:02.553 に答える