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

How do I get the grid to show all at once?

1 Answer 33 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sayle
Top achievements
Rank 1
Sayle asked on 04 May 2012, 05:09 PM
Hello all! I have a newbie question... When my RadGrid with 150 rows renders, it does so at about 1/2 size in the middle of the page; then it re-renders full size. How do I get the grid to not render until the full grid is ready?
My page setup is like this:
<telerik:RadAjaxPanel >
    <telerik:RadWindowManager >
        <div align="center" style="z-index: 1;">
            <telerik:RadTabStrip >
                <Tabs/>
                <Tabs/>
                <Tabs/>
            <telerik:RadTabStrip />
            <telerik:RadMultiPage />
                <telerik:RadPageView />
                    <telerik:RadGrid ID="gridLoans" runat="server"  AllowAutomaticDeletes="true" AllowAutomaticUpdates="false"
                AllowAutomaticInserts="true" AllowFilteringByColumn="false" AllowPaging="false"
                AllowSorting="true" AllowMultiRowSelection="true" CellSpacing="2"
                PageSize="500" ShowGroupPanel="false"
                EnableLinqExpressions="false" GridLines="Both" CellPadding="0" HeaderStyle-Wrap="false"
                AutoGenerateColumns="false" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px"
                                 
                OnItemDataBound="grid_ItemDataBound" OnPageIndexChanged="grid_PageIndexChanged"
                OnPageSizeChanged="grid_PageSizeChanged" OnNeedDataSource="grid_NeedDataSource"
                OnInsertCommand="gridLoans_InsertCommmand" OnUpdateCommand="gridLoans_UpdateCommand"
                OnDeleteCommand="gridLoans_DeleteCommand" OnPreRender="gridLoans_PreRender"
                OnGridExporting="gridLoans_GridExporting" AllowCustomPaging="true"
                            >
                            <ClientSettings allowautoscrollondragdrop="false" allowexpandcollapse="false" allowgroupexpandcollapse="false">
                                <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />
                                <Scrolling AllowScroll="false" UseStaticHeaders="false" />
                                <ClientEvents OnGridCreated="grid_GridCreated" OnRowDblClick="RowDblClick" />
                                <Resizing AllowResizeToFit="true" EnableRealTimeResize="true" />
                            </ClientSettings>
                            <ExportSettings IgnorePaging="true" ExportOnlyData="true" Excel-Format="ExcelML" />
                            <AlternatingItemStyle BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                        <MasterTableView EditMode="InPlace" CommandItemDisplay="TopAndBottom" DataKeyNames="LoanID" ClientDataKeyNames="LoanID" GridLines="Both">
                            <CommandItemSettings ExportToPdfText="Export to PDF" />
                            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"><HeaderStyle Width="20px" /></RowIndicatorColumn>
                            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"><HeaderStyle Width="20px" /></ExpandCollapseColumn>
                            <Columns>
                                <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"  />
                                ...
                            </Columns>
                            <EditFormSettings>
                                <EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1"></EditColumn>
                            </EditFormSettings>
                        </MasterTableView>
                        <FilterMenu EnableImageSprites="false" />
                        <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" />
                        <ActiveItemStyle BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" />
                        <FilterMenu EnableImageSprites="false" />
                        <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
                    </telerik:RadGrid>
               </telerik:RadPageView>
           </telerik:RadMultiPage>
        </telerik:RadAjaxPanel>
    </div>
<telerik:RadAjaxPanel />
<telerik:RadWindowManager />

Thanks,
Miles

1 Answer, 1 is accepted

Sort by
0
Andrey
Telerik team
answered on 09 May 2012, 01:36 PM
Hi,

Thank you for contacting us.

Based on the provided information I could not find the source of issue. However, you could try  to remove the RadAjaxPanel and check whether the issue still replicates.

Additionally, you could check this help topic for more information on how to use RadWindow with Ajax.

If this suggestion does not help, please send us a sample project that replicates the issue. Thus we will be able to test/debug the project locally.

I am looking forward your reply.
Greetings,
Andrey
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Sayle
Top achievements
Rank 1
Answers by
Andrey
Telerik team
Share this question
or