ASP.NET Tutorial/Ajax/DragPanel
Using the DragPanel Control
<source lang="csharp">
<%@ Page Language="C#" %> <%@ Register TagPrefix="ajax" Namespace="AjaxControlToolkit"
Assembly="AjaxControlToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <body>
<form id="form1" runat="server">
<asp:ScriptManager id="sm1" Runat="server" /> <asp:GridView id="grdProducts" DataSourceID="srcProducts" Runat="server" /> <asp:Panel ID="pnlAdd" CssClass="pnlAdd" runat="server"> <asp:Panel ID="pnlDrag" CssClass="pnlDrag" runat="server"> Add New Product </asp:Panel>
<asp:FormView ID="frmProduct" DataSourceID="srcProducts" DefaultMode="Insert" runat="server"> <InsertItemTemplate> <asp:Label id="lblTitle" AssociatedControlID="txtTitle" Text="Title:" Runat="server" /> <asp:TextBox id="txtTitle" Text="<%# Bind("Title") %>" Runat="server" />
<asp:Label id="lblDirector" AssociatedControlID="txtDirector" Text="Director:" Runat="server" /> <asp:TextBox id="txtDirector" Text="<%# Bind("Director") %>" Runat="server" />
<asp:Button id="btnCancel" Text="Cancel" CommandName="Cancel" Runat="server" /> <asp:Button id="btnInsert" Text="Insert" CommandName="Insert" Runat="server" /> </InsertItemTemplate> </asp:FormView>
</asp:Panel> <ajax:DragPanelExtender id="dpe1" TargetControlID="pnlAdd" DragHandleID="pnlDrag" Runat="server" />
<a href="javascript:void(0)" onclick="$get("pnlAdd").style.display="block";">Add Product</a> <asp:ObjectDataSource id="srcProducts" TypeName="Product" SelectMethod="Select" InsertMethod="Insert" Runat="server" />
</form>
</body> </html></source>