Jquery ui jQuery拖放-如何在服务器端获取丢弃的值?

Jquery ui jQuery拖放-如何在服务器端获取丢弃的值?,jquery-ui,drag-and-drop,Jquery Ui,Drag And Drop,我有一个应用程序,它使用jqueryui将LI从一个UL拖到另一个UL。其asp代码如下所示: </ul> </div> </div> <asp:Label ID="lblDisplay" runat="server"></asp:Label> <asp:Button ID="btnSu

我有一个应用程序,它使用jqueryui将LI从一个UL拖到另一个UL。其asp代码如下所示:

                    </ul>
                </div>
            </div>
            <asp:Label ID="lblDisplay" runat="server"></asp:Label>
            <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
               />
        </div>
    </asp:Panel>
</div>
茶叶 咖啡 果汁 用户列表

                    </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的id/值返回到服务器端

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

提前感谢

您需要为接收拖动的项目指定接收事件处理程序,例如

                    </ul>
                </div>
            </div>
            <asp:Label ID="lblDisplay" runat="server"></asp:Label>
            <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
               />
        </div>
    </asp:Panel>
</div>
$("#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

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

请注意,我以前没有使用过sortable ui helper,但它的原理应该与Dragable和Dropable类似,并且我的示例基于我从其他两个helper中了解到的内容-如果它不完全正确,那么应该很接近。

它对我来说非常适合。。。我使用输入标记中的隐藏字段来捕获已删除项的值。但是,我无法实际捕获IE中拖动变量的值。。当我在Firefox中使用这段代码时,它工作得很好

                    </ul>
                </div>
            </div>
            <asp:Label ID="lblDisplay" runat="server"></asp:Label>
            <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
               />
        </div>
    </asp:Panel>
</div>
        $("#userList").bind('sortreceive', function(event, ui) {
            var itemList = ui.originalTarget.innerHTML;
            alert(itemList);
        });
我也试过这样做

                    </ul>
                </div>
            </div>
            <asp:Label ID="lblDisplay" runat="server"></asp:Label>
            <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
               />
        </div>
    </asp:Panel>
</div>
alertui.item.attr'id'

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

但是,windows显然无法识别li的id或正在拖放的li中存在的内部html。

嘿!我想出来了。。。。我只是做了这个$绑定'sortreceive',functionevent,ui{var list=$this.text;alertlist;};无论如何,非常感谢你!!!
                    </ul>
                </div>
            </div>
            <asp:Label ID="lblDisplay" runat="server"></asp:Label>
            <asp:Button ID="btnSubmit" runat="server" Text="Submit" 
               />
        </div>
    </asp:Panel>
</div>