or
<
telerik:RadDockZone ID="RadDockZone4" CssClass="RDZ" Runat="server" Skin=""></telerik:RadDockZone>
.RDZ
{
position:absolute;
left:500px;
top:20px;
display:none;
}
Hi,
I m having drag and drop operation using radgrid in my application. It is very much slow even i have commented the server side coding sections like RowDrop, ItemDataBound, prerender. Now i dont have any operations in server side, simply i drag and drop but then too it takes 30 secs.
Here is my code snippet..
| <telerik:RadGrid runat="server" ID="grd_CommercialDetails" OnRowDrop="grd_CommercialDetails_RowDrop" AllowFilteringByColumn="true" |
| AllowPaging="True" AllowMultiRowSelection="true" DataSourceID="CommercialDataSource" AutoGenerateColumns="false" |
| PageSize="5" AllowSorting="true" PagerStyle-Mode="NextPrevNumericAndAdvanced" OnNeedDataSource="grd_CommercialDetails_NeedDataSource" > |
| <MasterTableView DataKeyNames="Commercial_Id" AutoGenerateColumns="false" DataSourceID="CommercialDataSource" AllowFilteringByColumn="true"> |
| <Columns> |
| <telerik:GridClientSelectColumn UniqueName="Commercial_Select" HeaderStyle-Width="20px" /> |
| <telerik:GridBoundColumn DataField="ReleaseOrderNo" HeaderText="ReleaseOrderNo" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Commercial_Id" HeaderText="CommercialId" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Company" HeaderText="Company" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="CommercialName" HeaderText="Commercial" FilterControlWidth="40px" HeaderStyle-Width="80px" Resizable="true" Display="true"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Client" HeaderText="ClientName" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Duration" HeaderText="Duration (secs)" Display="true" FilterControlWidth="25px" HeaderStyle-Width="60px"></telerik:GridBoundColumn> |
| <telerik:GridDateTimeColumn UniqueName="DateTime" DataFormatString="{0:d}" FilterControlWidth="82px" HeaderStyle-Width="110px" |
| SortExpression="DateTime" HeaderText="Date" DataField="Date"> |
| </telerik:GridDateTimeColumn> |
| <telerik:GridBoundColumn DataField="Date" HeaderText="Date" Display="false" DataFormatString="{0:d}"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="CommericalTime" HeaderText="Total Duration(secs)" Display="true" FilterControlWidth="25px" HeaderStyle-Width="60px"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="CommTimeAvail" HeaderText="TotalAvailable Duration(secs)" Display="true" FilterControlWidth="25px" HeaderStyle-Width="60px"></telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| <SelectedItemStyle BackColor="BurlyWood" Font-Bold="true" ForeColor="Black" /> |
| <ClientSettings AllowRowsDragDrop="True"> |
| <Selecting AllowRowSelect="True" EnableDragToSelectRows="false"/> |
| <Scrolling AllowScroll="true" UseStaticHeaders="true"/> |
| </ClientSettings> |
| <PagerStyle Mode="NextPrevNumericAndAdvanced" PageButtonCount="5" AlwaysVisible="true" /> |
| </telerik:RadGrid> |
Pleas give any suggestions,
Thanks in advance.
Regards,
Maha:)
.
| if(e.Item is GridDataItem) |
| { |
| if(e.CommandName == "RowClick") |
| { |
| if(e.Item.Selected) |
| { |
| e.Item.Selected = false; |
| e.Item.Expanded = false; |
| } |
| else |
| { |
| e.Item.Selected = true; |
| e.Item.Expanded = true; |
| } |
| e.Item.Edit = false; |
| } |
| else if(e.CommandName == "Edit") |
| { |
| e.Item.Selected = true; |
| e.Item.Expanded = false; |
| e.Item.Edit = true; |
| myGrid.Rebind(); |
| } |
| } |
| <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel" runat="server" Transparency="20" BackColor="#E0E0E0"> |
| <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading6.gif") %>' |
| alt="Loading..." style="margin: 383px 500px 383px 500px" /> |
| </telerik:RadAjaxLoadingPanel> |
| GridColumn c = theExplorer.Grid.Columns.FindByUniqueNameSafe("Size"); |
| if (c != null) |
| { |
| c.ItemStyle.HorizontalAlign = HorizontalAlign.Right; |
| c.HeaderStyle.HorizontalAlign = HorizontalAlign.Right; |
| } |
| <body id="bodymaster" runat="server" style="background-image:url(../../img/titlebg.jpg); background-attachment:fixed"> |
| <form id="frm01" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true"> |
| <Scripts> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> |
| </Scripts> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" /> |
| <telerik:RadAjaxPanel ID="radAjaxPanel01" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" ClientEvents-OnRequestStart="onRequestStart"> |
| <div style="width: 100%; height:20px;top:0px; left:auto;" class="div03"> |
| <table class="tbl12"> |
| <tr> |
| <td width="50%" style="text-align:left"> |
| <asp:Label ID="lblMessage" runat="server" CssClass="txt08r" Visible="false" EnableViewState="false" /> |
| </td> |
| <td width="50%" style="text-align:right"> |
| <asp:Label ID="lblApp" runat="server" style="color:#FFFFFF" /> |
| <asp:Image ID="imgApp" runat="server" ImageUrl="~/img/spacer.gif"/>  <asp:Label ID="lblAppTitle" runat="server" CssClass="txt09s" /> |
| </td> |
| </tr> |
| </table> |
| </div> |
| <div id="pnlContentMain01_01" name="pnlContentMain01_01" style="PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;OVERFLOW: auto;WIDTH: 100%;PADDING-TOP: 0px;moz-box-sizing: border-box;box-sizing: border-box"> |
| <asp:contentplaceholder id="mpContentMain01_01" runat="server" /> |
| </div> |
| </telerik:RadAjaxPanel> |
| </form> |
| </body> |
| </html> |