We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Is it possible to add new UI Controls to SfDataPager control ?

HI,

I'd like to add to the SfDataPager Control the number of the underlying binded records.
To do this I'd need to add new UI controls to the SfDataPager control.
Is it possible to make such a customization ?

3 Replies

SA Saravanan Ayyanar Syncfusion Team January 14, 2020 12:00 PM UTC

Hi Silvio, 
 
Thank you for using Syncfusion controls. 
 
We have checked your reported scenario. You can achieve your requirement by pass the PagedSource property to any ItemsControl’s ItemsSource property. We have prepared sample for PagedSource property is bind to the ListBox. Please refer the below code snippet. 
 
<ListBox ItemsSource="{Binding ElementName=sfDataPager,Path=PagedSource}"> 
            <ListBox.ItemTemplate> 
                <DataTemplate> 
                    <Grid Margin="3"> 
                        <Grid.ColumnDefinitions> 
                            <ColumnDefinition Width="*"/> 
                            <ColumnDefinition Width="*"/> 
                            <ColumnDefinition Width="*"/> 
                            <ColumnDefinition Width="*"/> 
                            <ColumnDefinition Width="*"/> 
                            <ColumnDefinition Width="*"/> 
                        </Grid.ColumnDefinitions> 
                        <TextBlock Margin="0,0,20,0" Text="{Binding Data.OrderID}" Grid.Column="0"/> 
                        <TextBlock Margin="0,0,20,0" Text="{Binding Data.CustomerName}" Grid.Column="1"/> 
                        <TextBlock Margin="0,0,20,0" Text="{Binding Data.Country}" Grid.Column="2"/> 
                        <TextBlock Margin="0,0,20,0" Text="{Binding Data.CustomerID}" Grid.Column="3"/> 
                        <TextBlock Margin="0,0,20,0" Text="{Binding Data.ShipCity}" Grid.Column="4"/> 
                    </Grid> 
                </DataTemplate> 
            </ListBox.ItemTemplate> 
        </ListBox> 
 
 
Sample Link: 
 
UG Link: 
 
Please let us know, if you require further assistance on this. 
 
Regards, 
Saravanan A. 



SI Silvio January 14, 2020 12:21 PM UTC

Thank you for your reply.
I'll like to add to the datapager control a label that indicates how many items it is binded to, as you can see in the attached image.
Is it possible to make such a customization ?

Attachment: syncfusion_3434e5de.zip


VS Vijayarasan Sivanandham Syncfusion Team January 15, 2020 01:38 PM UTC

Hi Silvio,  
  
Thank you for contacting Syncfusion support.  
  
We have analyzed your query and we have modified the sample according to your requirement. Please refer to the modified sample from below location 
  
Please let us know, if your requirement is different from the above solution. 
  
Regards,
Vijayarasan 


Loader.
Live Chat Icon For mobile
Up arrow icon