No information found for the pager

[Brice FROMENTIN]

Hello, 

I wanted to customize the pager to limit its size with small dialog. Do you know where I can find the information ?

Brice.

[Vignesh Natarajan]

Hi Brice,  

 

Thanks for contacting Syncfusion support.  

 

Query: “I wanted to customize the pager to limit its size with small dialog.” 

 

We can achieve your requirement using PageSize property of GridPageSettings. Using PageSize property we can limit the page size (records count in a page) of the Grid. Refer the below code example.  

                                                                                                                               

<EjsGrid DataSource="@Orders" AllowPaging="true">    <GridPageSettings PageSize="5"></GridPageSettings>    <GridColumns> . .. . . . . .. . . </EjsGrid>

 

 

Refer our API documentation for your reference 

 

https://help.syncfusion.com/cr/blazor/  

 

Kindly get back to us if you have further queries.  

 

Regards, 

Vignesh Natarajan. 

[Brice FROMENTIN]

Sorry but I was more talking about creating a Template.

In the documentation there's no mention of this fir the pager : https://ej2.syncfusion.com/blazor/documentation/grid/templates/

But in the API one, we have the property "Template" that not really works.

Thx in advance,

Brice.

[Vignesh Natarajan]

Hi Brice,  

 

Query: “Sorry but I was more talking about creating a Template.&& But in the API one, we have the property "Template" that not really works.” 

 

As per your suggestion we have prepared a sample using PagerTemplate in Grid. We are to render the component inside the PagerTemplate. Refer the below code example. 

 

<EjsGrid @ref="Grid" DataSource="@Orders" AllowPaging="true" Height="315">    

    <GridPageSettings> 

        <Template> 

            @{  

                var check = (context as PagerModel); 

                <span>Current Page</span> 

                <div style="width:30px"> 

                    <EjsNumericTextBox Min="1" Width="100px" Max="@Orders.Count" @bind-Value="@Val"> 

                        <NumericTextBoxEvents ValueChange="Changed" TValue="int"></NumericTextBoxEvents> 

                    </EjsNumericTextBox> 

                </div>                 

            } 

        </Template> 

    </GridPageSettings>    

    <GridColumns> 

. . . . .. . . . .  

    </GridColumns> 

</EjsGrid> 

  

@code{ 

    public List<Order> Orders { get; set; } 

    public double Val = 1; 

    public EjsGrid<Order> Grid { get; set; }    

    public async void Changed(Syncfusion.EJ2.Blazor.Inputs.ChangeEventArgs Args) 

    { 

        Val = Args.Value; 

        await Grid.GoToPage(Args.Value); 

    }    

 .. . . .. . . . . . . 

} 

 

 

For your convenience we have prepared a sample which can be downloaded from below  

 

Sample: https://www.syncfusion.com/downloads/support/forum/152062/ze/F152062_-_PagerTemplate-677904600  

 

But we are not able to get the pager details inside the template. We have considered the reported issue as a bug and logged the defect report “Not able to get pager details in PagerTemplate” for the same. . At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our next Bi-Weekly release which is expected to be rolled out on or before April 1^st 2020.  

 

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.  

 

Feedback Link :  https://www.syncfusion.com/feedback/12497/not-able-to-get-pager-details-in-pagertemplate  

 

Note: We have logged an improvement task for the UG documentation on Pager Template. It will be published online as soon as possible.  

 

Kindly get back to us if you have further queries.  

 

Regards, 

Vignesh Natarajan.