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

[Solved] Not getting Pager Style as shown in Demo web post.

1 Answer 77 Views

Grid

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

Avinash asked on 30 Apr 2009, 12:25 PM

Hi,

I am doing a POC on RADGrid for diffrent paging styles but for "NextPrevAndNumeric" pager style I am not getting the outcome as its shown in demo web post http://demos.telerik.com/aspnet-ajax/grid/examples/programming/custompaging/defaultcs.aspx. The Demo Web post shows a dropdown at center of Pager Item for setting Page Size but in my case I am getting anything there.
When I tried with "NextPrevAndNumericAdvanced" pager I can see a text box for setting page size but actually that is not what I want. I want my Pager Style to look exactly as it is in demo web post with dropdown selection for setting page size.

I am having one small constraint, the demo web post is having custom paging but my requirement does not need custom paging.

Please find below the POC code I am trying,
ASPX File (Default.aspx)

    
            <%@ Page Language="VB" %> 
        
            <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 
        
            <%@ Register TagPrefix="radG" Namespace="Telerik.WebControls" Assembly="RadGrid.Net2" %> 
        
            <%@ Register TagPrefix="radC" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <script runat="server">  
        
            </script> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>POC Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="frmPOC" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server" EnablePartialRendering="True">  
        
                        <scripts> 
        
                            <asp:ScriptReference Path="~/ScriptLibrary/Atlas.js" /> 
        
                        </scripts> 
        
                    </asp:ScriptManager> 
        
                    <radC:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                        <ajaxsettings> 
        
                            <radC:AjaxSetting AjaxControlID="grdPOC">  
        
                                <UpdatedControls> 
        
                                    <radC:AjaxUpdatedControl ControlID="grdPOC" /> 
        
                                </UpdatedControls> 
        
                            </radC:AjaxSetting> 
        
                        </ajaxsettings> 
        
                    </radC:RadAjaxManager> 
        
                    <h1> 
        
                        POC for Telerik Grid</h1> 
        
                    <h2> 
        
                        Grid with runtime page size</h2> 
        
                    <table cellpadding="0" cellspacing="0" border="0" width="100%">  
        
                        <tr> 
        
                            <td> 
        
                                <radG:RadGrid ID="grdPOC" EnableAJAX="True" runat="server" Width="100%" AutoGenerateColumns="False" 
        
                                    GridLines="None" AllowSorting="true" AllowPaging="true" PageSize="5">  
        
                                    <mastertableview> 
        
                                        <Columns> 
        
                                            <radG:GridBoundColumn UniqueName="DueDate" ReadOnly="True" DataField="DueDate" HeaderText="Due Date">  
        
                                            </radG:GridBoundColumn> 
        
                                            <radG:GridBoundColumn UniqueName="Action" ReadOnly="True" DataField="Action" HeaderText="Action">  
        
                                            </radG:GridBoundColumn> 
        
                                            <radG:GridBoundColumn UniqueName="Description" ReadOnly="True" DataField="Description" 
        
                                                HeaderText="Description">  
        
                                            </radG:GridBoundColumn> 
        
                                            <radG:GridBoundColumn UniqueName="Customer" ReadOnly="True" DataField="Customer" 
        
                                                HeaderText="Customer">  
        
                                            </radG:GridBoundColumn> 
        
                                            <radG:GridBoundColumn UniqueName="Contact" ReadOnly="True" DataField="Contact" HeaderText="Contact">  
        
                                            </radG:GridBoundColumn> 
        
                                            <radG:GridBoundColumn UniqueName="SalesRep" ReadOnly="True" DataField="SalesRep" 
        
                                                HeaderText="Sales Rep">  
        
                                            </radG:GridBoundColumn> 
        
                                            <radG:GridBoundColumn UniqueName="Status" ReadOnly="True" DataField="Status" HeaderText="Status">  
        
                                            </radG:GridBoundColumn> 
        
                                        </Columns> 
        
                                        <RowIndicatorColumn Visible="False">  
        
                                        </RowIndicatorColumn> 
        
                                        <ExpandCollapseColumn Visible="False">  
        
                                        </ExpandCollapseColumn> 
        
                                    </mastertableview> 
        
                                    <pagerstyle mode="NextPrevAndNumeric" /> 
        
                                </radG:RadGrid> 
        
                            </td> 
        
                        </tr> 
        
                    </table> 
        
                </form> 
        
            </body> 
        
            </html>

VB File (Default.aspx.vb)

Imports System.Data

Partial Class _Default

    Inherits Web.UI.Page

    ''' <summary>

    '''

    ''' </summary>

    ''' <param name="sender"></param>

    ''' <param name="e"></param>

    ''' <remarks></remarks>

    Protected Sub grdPOC_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.WebControls.GridNeedDataSourceEventArgs) Handles grdPOC.NeedDataSource

        PopulateGrid()

    End Sub

    ''' <summary>

    '''

    ''' </summary>

    ''' <remarks></remarks>

    Private Sub PopulateGrid()

        Dim dtSource As New DataTable()

        Dim drNew As DataRow

        dtSource.Columns.Add("DueDate")

        dtSource.Columns.Add("Action")

        dtSource.Columns.Add("Description")

        dtSource.Columns.Add("Customer")

        dtSource.Columns.Add("Contact")

        dtSource.Columns.Add("SalesRep")

        dtSource.Columns.Add("Status")

        For iCount As Integer = 1 To 20

            drNew = dtSource.NewRow()

            drNew("DueDate") = "10/21/2009"

            drNew("Action") = "Submit Proposal"

            drNew("Description") = "Contact / Contract follow up"

            drNew("Customer") = "Customer Name Two"

            drNew("Contact") = "Contact Name"

            drNew("SalesRep") = "Sales Rep Name"

            drNew("Status") = "Message Left"

            dtSource.Rows.Add(drNew)

        Next

        grdPOC.MasterTableView.DataSource = dtSource.DefaultView

    End Sub

End Class

Thanks,
Avi

[Solved] Not getting Pager Style as shown in Demo web post.

1 Answer, 1 is accepted