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

Grid paging issue, Ajax Rad Grid control

3 Answers 115 Views

Grid

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

3 Answers, 1 is accepted

answered on 10 Dec 2011, 04:45 PM

Thank you for your reply. I will try provide more info. Since I just inherited this project and am new to the Telerik library, I apologize if I have left out anything that is important. Reading the documentation, my impression is that the grid is suppose to automatically respond to a resize event, so I'm not sure why the ResizeGrid Javascript is being called other than the previous developer knew understood the library better that I currently do. On studying the problem further, what I question is the edge condition where the paging size is 100 and the number of rows in the table is less than 100 but greater than the number of rows that can be displayed in the browser window. Does the grid know to still include a paging control at the bottom of the browser screen?

Any thoughts or suggestions would really be appreciated. - thank you again.

It is a asp.net application with a master page, but the grid is not on the master.
The all the rad controls are within a single asp:content panel.
The primary radcontrol groupings are (I'll leave out the bodies of the blocks that I don't think affect the problem):

<telerik:RadCodeBlock >...</telerik:RadCodeBlock>

<telerik:RadAjaxPanel>

<telerik:RadWindowManager />

<telerik:RadWindow /> <--there are five of these

<ucGridSettingsManager:GridSettingsManager ID="ucGridSettingsManager" runat="server" />

<telerik:RadGrid ID="rgOrder" runat="server" AllowPaging="True" AutoGenerateColumns="False"

AllowMultiRowSelection="true" AllowSorting="True" EnableLinqExpressions="false" Height="200px" GridLines="None" OnItemDataBound="rgOrder_ItemDataBound" OnNeedDataSource="rgOrder_NeedDataSource"

OnDetailTableDataBind="rgOrder_DetailTableDataBind" OnItemCommand="rgOrder_ItemCommand">

<MasterTableView DataKeyNames="OrderHeaderSK" ClientDataKeyNames="ModuleTransactionSK,SiteSK,OrderHeaderSK,OrderID,ZeroPriceItems"

TableLayout="Fixed" PageSize="100" PagerStyle-Mode="NextPrevAndNumeric" Name="Order"

CommandItemDisplay="Top" EnableHeaderContextMenu="true">

<CommandItemTemplate>

<telerik:RadToolBar ID="rtbCommand" runat="server" Width="100%" OnClientButtonClicking="clientbuttonclicking"

OnButtonClick="rtbCommand_ButtonClick">

<Items>

There are a bunch of buttons here.

</Items>

</telerik:RadToolBar>

</CommandItemTemplate>

<Columns>

There is a bunch of GridBoundColumns here

</Columns>

<DetailTables>

<telerik:GridTableView Name="OrderDetail" DataKeyNames="ItemSK" AllowFilteringByColumn="False"

EnableHeaderContextMenu="false">

<Columns>

There is a bunch of GridBoundColumns here

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ClientSettings AllowColumnsReorder="true" AllowColumnHide="true" ColumnsReorderMethod="Reorder"

AllowAutoScrollOnDragDrop="false">

<Selecting AllowRowSelect="true" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Resizing AllowColumnResize="true" />

<ClientEvents OnGridCreated="ResizeGrid" OnRowSelected="RowSelected" />

</ClientSettings>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

In the code behind file the event handlers that I think are relevant are:

protected void rgOrder_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
    rwNote.VisibleOnPageLoad = false;
     Order o = new Order();
    DataTable dt = o.GetOrderHeaderList(CurrentDataEntityCompanySK, CurrentUserSK);
     rgOrder.DataSource = dt;

}

The ResizeGrid is located javascript located on the master page:
function ResizeGrid(sender, args) {
var gridelement = $(sender.get_element());
var gridPosition = gridelement.position();

var gridoffset = gridelement.offset();
gridelement.height($(window).height()-3 - gridoffset.top);

sender.repaint();

var settings = $("#divSavedSettings");
if (settings.length > 0) {

        var containerPosition;
        containerPosition = $(gridelement).offset();
        settings.css({ top: containerPosition.top + 7 + "px", right: 10 + "px" });

}
}

Thanks you for your help and suggestions!