0

フィールド名のリスト（すべて個別にドラッグ可能）を含むドロップ可能な領域が1つあり、次にすべてドロップ可能で最初は空のXヘッダーを持つテーブルがあります。

アイテムがテーブル ヘッダーから削除されたことを確認する方法はありますか? ユーザーがある TH から別の TH にヘッダーをドロップした場合、またはユーザーがフィールドを TH から fieldNamesDroppable にドラッグした場合を考えています。次に、2 つの列または 1 つの古い列を更新します。

現在のコード:

$('#fieldNamesDroppable').droppable({
    drop: function (event, ui) {
        ui.draggable.appendTo($(this)).css({
            top: '0px',
            left: '0px'
        });
    }
});

$('th').droppable({
    drop: function (event, ui) {
        var $this = $(this);

        // if there is already an item here, cancel the drop and flash error message
        if ($this.find('.drag').length >= 1) {
            ui.draggable.draggable('option', 'revert', true);
            errorMessage("You can only add one heading to each column.");
            return;
        }

        // else, drop item
        $this.html('');
        ui.draggable.appendTo($this).css({
            top: '0px',
            left: '0px'
        });

        // update the field mappings in the controller
        updateFieldMappingsInput(ui.draggable);
    }
});

「updateFieldMappingsInput」は、ヘッダー マッピングを追跡するための関連プロセスを更新します。

4

1 に答える 1

1

あなたが望んでいるのは、API で次のように記述されているoutイベントだと思います。

受け入れられたドラッグ可能オブジェクトがドロップ可能オブジェクトの外にドラッグされるとトリガーされます (tolerance オプションに基づく)。

于 2013-09-11T20:17:48.480 に答える