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

Control Paging look in header/footer

4 Answers 359 Views

Grid

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

Max McKinney asked on 29 Oct 2009, 05:45 PM

telerik-example-of-paging.png

Hi,

I'm trying to customize the look of the pager. I know I can create a pager template and set up custom look at feel with that. The problem is that when you set the paging position to Top And Bottom it is exactly the same. We are looking to have the top with some custom look/feel and the bottom to have a different look/feel. I have not created the custom paging yet. One solution would be for me to find a way to detect if the controls are in the header/footer pager and set visibility based on that. Is this possible, or can I get a code snippet of how this can be done? I attached a file to give an example of how we are planning to do our custom paging in the header and footer. We have paging in the footer and we have setting the page size information in the header.

    
            <telerik:RadGrid AutoGenerateColumns="false" ID="rgPermissions" DataSourceID="odsUserPermissionsTypes" 
        
                        AllowFilteringByColumn="True" AllowSorting="True" ShowStatusBar="true"   
        
                        AllowPaging="True" runat="server" GridLines="None"   
        
                        onitemdatabound="rgPermissions_ItemDataBound" > 
        
                        <PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" /> 
        
                        <GroupingSettings CaseSensitive="false" /> 
        
                        <MasterTableView AutoGenerateColumns="false" AllowFilteringByColumn="True" ShowFooter="True" TableLayout="Auto">  
        
                            <Columns>                     
        
                                <telerik:GridBoundColumn DataField="CLIENT_TYPE" HeaderText="Client Type" SortExpression="CLIENT_TYPE" UniqueName="ClientType"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" /> 
        
                                <telerik:GridBoundColumn DataField="USER_ROLE_TYPE" HeaderText="User Role Type" SortExpression="USER_ROLE_TYPE" UniqueName="UserRoleType"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" />                   
        
                                <telerik:GridTemplateColumn AllowFiltering="false">  
        
                                    <itemstyle horizontalalign="Center" width="10px" /> 
        
                                    <headerstyle width="10px" /> 
        
                                    <ItemTemplate> 
        
                                        <asp:LinkButton ID="lnkView" runat="server" CommandName="ViewRecord" Text="View"></asp:LinkButton>      
        
                                    </ItemTemplate> 
        
                                </telerik:GridTemplateColumn>                     
        
                            </Columns>   
        
                        </MasterTableView>                         
        
                    </telerik:RadGrid>

4 Answers, 1 is accepted

Accepted

answered on 30 Oct 2009, 06:15 AM

Hello Max,

You can use the PagerTemplate for this purpose. You can place the controls that you want to display in your header PagerTemplate in one panel and that of the footer PagerTemplate in another panel and switch the visibility as shown below:

aspx:

                    <PagerStyle Position="TopAndBottom" />         
                     
            <PagerTemplate>         
                <asp:Panel ID="Panel1" runat="server">         
                    Header pager controls          
                </asp:Panel>         
                <asp:Panel ID="Panel2" runat="server">         
                    Footer pager controls          
                </asp:Panel>         
            </PagerTemplate>         

c#:

                    protected void RadGrid_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)         
                {         
                    if (e.Item is GridPagerItem)         
                    {         
                        GridPagerItem pagerItem = (GridPagerItem)e.Item;         
                     
                        if (pagerItem.NamingContainer is GridTHead)         
                        {         
                            pagerItem.FindControl("Panel2").Visible = false;         
                                     
                        }         
                        else if (pagerItem.NamingContainer is GridTFoot)         
                        {         
                            pagerItem.FindControl("Panel1").Visible = false;                         
                        }         
                    }         
                }         

Thanks

Shinu.