jQuery Drag Drop - как получить пропущенное значение в конце сервера?

Question

У меня есть приложение, которое использует jQuery UI для перетаскивания LI из одного UL в другой. код asp для того же выглядит следующим образом:

<script type="text/javascript" src="../../jquery/jquery-1.3.2.js">
</script>

<script type="text/javascript" src="../../jquery/ui.core.js">
</script>

<script type="text/javascript" src="../../jquery/jquery-ui-1.5.3.custom.min.js">
</script>

<script type="text/javascript">
    $(function() {
        $("#selectedUsers").sortable({ connectWith: ["#userList"] });
        $("#userList").sortable({ connectWith: ["#selectedUsers"] });
    });
</script>

Чай Кофе Сок Список пользователей

                    </ul>
                </div>
            </div>
            <asp:Label ID="lblDisplay" runat="server"></asp:Label>
            <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
               />
        </div>
    </asp:Panel>
</div>

Мой вопрос: как мне перехватить удаленный элемент LI на стороне сервера? Я хотел, чтобы jQuery возвращал идентификатор / значение этого отброшенного LI на конец сервера.

Заранее спасибо

Answer 1

Это работает отлично для меня ... Я использую скрытое поле во входном теге, чтобы захватить значение отброшенного элемента. Тем не менее, я не могу на самом деле захватить значение перетаскиваемой переменной в IE .. Он прекрасно работает, когда я делаю это в Firefox, используя этот кусок кода ...

        $("#userList").bind('sortreceive', function(event, ui) {
            var itemList = ui.originalTarget.innerHTML;
            alert(itemList);
        });

Я тоже пытался это сделать ...

оповещения (ui.item.attr ( 'ID'));

Однако окна, по-видимому, не могут распознать идентификатор li или внутренний HTML-код, присутствующий в li, который перетаскивается.

Answer 2

Вам необходимо указать обработчик события receive для получения перетаскиваемого элемента, например

$("#selectedUsers").sortable({ 
    connectWith: ["#userList"],
    receive: function(event, ui) {
       objectMoved(ui.sortable, this);
    }
});

function objectMoved(obj, newContainer) {
   /* here you would either perform some sort of AJAX request,
    * or dynamically add/update a form-field for POSTing if you
    * are doing standard form submission
    */
}

Вам также необходимо прикрепить то же самое событие приема к "userList"

Обратите внимание, что я раньше не использовал "сортируемый" помощник пользовательского интерфейса, но он должен быть похож на принцип "перетаскиваемый" и "сбрасываемый", и я основал свой пример на том, что я знаю от этих двух других помощников - если это не совсем правильно, это должно быть близко.