This is a migrated thread and some comments may be shown as answers.

[Solved] Radgrid alignment getting rearranged after selecting autopostback enabled combobox

1 Answer 124 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Purojit asked on 20 Jul 2013, 07:11 AM

before-autopostback-field-selection.png

afterautopostback-field-selection.jpg

Hi,

We are facing a very unusual problem in our solution,We are using a rad-combo-box inside Raddock where the autopostback property is true. When ever we are selecting any item from the combo,the grid column alignments are rearranged.

Below is our code for reference:-

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Purchase_summary.aspx.cs" Inherits="Purchase_Purchase_register" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register Src="MS_Control/MultipleSelection.ascx" TagName="MultipleSelection" TagPrefix="uc1" %>

<!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">

<head runat="server">

<title>Purchase Summary</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" EnableLinqExpressions="false"

AllowSorting="true" Skin="Sunset"

ShowFooter="True" AllowFilteringByColumn="true" ShowGroupPanel="true"

onneeddatasource="RadGrid1_NeedDataSource" >

<ExportSettings HideStructureColumns="true" IgnorePaging="true" OpenInNewWindow="true" ExportOnlyData="true" />

<MasterTableView CommandItemDisplay="Top" ShowGroupFooter="true" GroupLoadMode="Client" TableLayout="Fixed" Width="600px">

<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"

ShowExportToCsvButton="true" ShowExportToPdfButton="true" ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridBoundColumn DataField="AcName" HeaderText="PartyName" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="80px" ItemStyle-HorizontalAlign="Left" FooterText="TOTAL " />

<telerik:GridBoundColumn DataField="iQty" HeaderText="Quantity" HeaderStyle-HorizontalAlign="Right" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Right" Aggregate="Sum" FooterText=" " FooterStyle-HorizontalAlign ="Right" />

<telerik:GridBoundColumn DataField="iAmount" HeaderText="Amount" HeaderStyle-HorizontalAlign="Right" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Right" Aggregate="Sum" FooterText=" " FooterStyle-HorizontalAlign ="Right" />

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true" AllowGroupExpandCollapse="true" ReorderColumnsOnClient="True" AllowDragToGroup="true" AllowColumnsReorder="True">

<Resizing AllowColumnResize="true" />

</ClientSettings>

<GroupingSettings ShowUnGroupButton="true" />

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

</div>

<div>

</div>

<div>

<telerik:RadDock ID="RadDock1" runat="server" Width="470px" Left="10" Top="40"

Title="Search Companion" DefaultCommands="ExpandCollapse">

<ContentTemplate>

<table style="width: 430px" >

<tr>

<td> From</td>

<td>

<telerik:RadDatePicker ID="rdpFrom" runat="server" Width="100" Culture="(Default)">

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" Skin="Outlook"></Calendar>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

<DateInput DisplayDateFormat="dd/MM/yyyy" ></DateInput>

</telerik:RadDatePicker>

</td>

<td> To</td>

<td>

<telerik:RadDatePicker ID="rdpTo" runat="server" Width="100" Culture="(Default)">

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" Skin="Outlook"></Calendar>

<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

<DateInput DisplayDateFormat="dd/MM/yyyy" ></DateInput>

</telerik:RadDatePicker>

</td>

</tr>

<tr>

<td align="left">

Select Billing Term

</td>

<td align="left">

<telerik:RadComboBox ID="ddlbillterm" runat="server" Width="120px" DataMember ="BTermNm"

DataTextField ="BTermNm" DataValueField="Code" AutoPostBack ="true"

onselectedindexchanged="ddlbillterm_SelectedIndexChanged" >

</telerik:RadComboBox>

</td>

<td align="left">

Select Party

</td>

<td align="left">

<asp:CheckBox ID="ChkAll" runat="server" Checked="True" Text="All"

AutoPostBack="true" oncheckedchanged="ChkAll_CheckedChanged1" />

<br/>

<uc1:MultipleSelection ID="chkCustomer" runat="server" width="700px"/>

</td>

</tr>

</table>

<table >

<tr>

<td colspan="4" align="center">

<telerik:RadButton ID="rbtShow" runat="server" Text="Preview"

onclick="rbtShow_Click">

</telerik:RadButton>

</td>

</tr>

</table>

</ContentTemplate>

</telerik:RadDock>

</div>

</form>

</body>

</html>

We tried to use UPDATE PANEL also..But is making no change...Please check also the attached snapshots.

Thanks
Purojit

[Solved] Radgrid alignment getting rearranged after selecting autopostback enabled combobox

1 Answer, 1 is accepted

RadGrid layout breaks on postback in Q2 2013 release.