Jquery ui jQuery拖放-如何在服务器端获取丢弃的值?
我有一个应用程序,它使用jqueryui将LI从一个UL拖到另一个UL。其asp代码如下所示: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
</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>