1

フォーム要素 (入力、選択など) を含むテーブルがあります。コンテンツ (またはコンテンツの一部) をあるフィールドから別のフィールドにコピーしたい: 例: ' flowers ' を行 4 から行 6にコピーする。要素全体ではなくコンテンツですか？

この例では、 jQuery UI を使用して入力要素全体をドラッグします。

html:

<input type="text" />

jQuery:

$("input").draggable({
    cancel: null    
});

しかし、コンテンツ（または値）をドラッグ/ドロップする可能性があるかどうかはわかりませんか？

4

1 に答える 1

0

jquery draggable のヘルパー メソッドを使用する必要があります。そのヘルパー メソッドで、ドラッグ可能なコントロールを取得します。そのコントロールからコントロールの値を取得し、ヘルパー値として設定します。ドロップすると、 ui.helper のように利用可能だったように、その値を取得します

 $(dragableSelector).draggable({
            scroll: false,
            appendTo: "body",
            cursor: "move",
            cursorAt: { top: 5, left: -20 },
             helper: function (event) {
                //your intput conrol
var ctrl = $(this);
//get value from control
var val = ctrl.attr('val');
//wrap it in div soo you can see on dragging.
var div = $("<div style='z-index:9999;position:absolute;overflow:auto;' >"+val+ 
"</div>");

ドロップセクションでは、このようなことをする必要があります。

$(dropableElementSelector).droppable({
  drop: function (event, ui) {
   //your desire value is
  var desireval =$(ui.helper).html();
于 2013-09-12T10:07:11.857 に答える