jQuery Drag Drop - how to fetch the dropped value in the server end? -
i have application uses jquery ui drag li 1 ul another. asp code same follows:
<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>   tea coffee juice user list
                    </ul>                 </div>             </div>             <asp:label id="lbldisplay" runat="server"></asp:label>             <asp:button id="btnsubmit" runat="server" text="submit"                 />         </div>     </asp:panel> </div>     my question is.. how capture dropped li element @ server end? wanted jquery return id/value of dropped li server end..
thanks in advance
you need specify "receive" event handler when dragged item received, such as
$("#selectedusers").sortable({      connectwith: ["#userlist"],     receive: function(event, ui) {        objectmoved(ui.sortable, this);     } });  function objectmoved(obj, newcontainer) {    /* here either perform sort of ajax request,     * or dynamically add/update form-field posting if     * doing standard form submission     */ }   you'll need attach same receive event "userlist"
note haven't used "sortable" ui helper before, should similar principle "draggable" , "droppable", , i've based example on know these other 2 helpers - if it's not entirely correct, should close.
Comments
Post a Comment