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

TileList with DataPager

12 Answers 59 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Draxtor
Top achievements
Rank 2
Draxtor asked on 15 Oct 2013, 03:04 PM
Any possibility to connect RadTileList with RadDataPager in order to create paging for TIles?

12 Answers, 1 is accepted

Sort by
0
Draxtor
Top achievements
Rank 2
answered on 16 Oct 2013, 08:35 AM
Let me clarify this a bit.
I want this:
<telerik:RadTileList ID="RadTileList1" runat="server" Width="800px" ScrollingMode="None" />
<telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadGrid1"
OnPageIndexChanged="RadDataPager1_PageIndexChanged" PageSize="12" >
</telerik:RadDataPager>

I've created RadTilelist and raddatapager, set PageControlId but nothing happened.
All I get is grey rectangle where pager is suppose to be.
Can RadTileList be paged at all with RadDataPager?
Does RadDataPager for ASP.NET supports unbound mode?
I read  about unbound mode for pager in silverlight and that's cool but PageCount and TotalRowitemcount properties are read only for Asp.Net Ajax version.
ItemCount property does not exist.
0
Accepted
Marin Bratanov
Telerik team
answered on 16 Oct 2013, 09:48 AM
Hello,

RadTileList does not have any mode of paging or load-on-demand at this point, which means it cannot be used with the RadDataPager like this. I am sorry to say that at this point there are no plans for such functionality or integration. The main purpose of the control is to create a menu, so having too many items is not the main concept of the control. It does offer databinding since Q3 2013 to make item creation easier, and the tiles can be scrolled if they exceed the available viewport.


Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Draxtor
Top achievements
Rank 2
answered on 16 Oct 2013, 09:58 AM
Ok I'll page it by hand. I already paged it with slider control now I'm gonna create some sort of pager.
Thanks, cheers.
0
Ujwala
Top achievements
Rank 1
answered on 10 Apr 2014, 09:16 AM
i want to bind datasource to RadTileList and apply paging for RadTileList. I google it but not getting any help
pl can anyone help me its urgent
0
Marin Bratanov
Telerik team
answered on 10 Apr 2014, 11:53 AM

Hello,

As already explained, paging is not a feature RadTileList offers, nor are there plans of implementing it.

You can consider providing a filtered version of your datasource and adding custom logic (e.g., a button, tile or other interaction) to load another set of data.


Regards,

Marin Bratanov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Draxtor
Top achievements
Rank 2
answered on 10 Apr 2014, 12:11 PM
I've done it in two ways, none of them is perfect, but they work.
1. Way (easier one):
RadTileList with RadSlider
I've put <telerik:RadSlider ID="pagingSlider" runat="server" Visible="false" Orientation="Horizontal" AutoPostBack="true" OnValueChanged="RadSlider1_ValueChanged" DecreaseText="Previous page" IncreaseText="Next page"></telerik:RadSlider> below radtilelist control. I have one method for OnValueChanged with code:

protected void RadSlider1_ValueChanged(object sender, EventArgs e)
        {
            //get page number
            string p = (sender as Telerik.Web.UI.RadSlider).Value.ToString();
            //load paged data to radtilelist
            setTileList(Convert.ToInt32(p));
        }
and that's it
2. Way:
with RadDataPager control. For this to work I had to turn off view state for radtilelist and raddatapager. But my scenario was: user is searching and grid with results shows up, by clicking on tile button search results are displayed within the tile list. If your scenario is just displaying data with paging  you don't need to disable view state.

I had to create 4 methods for raddatapager:
 OnCommand="RadDataPager2_Command"
OnPageIndexChanged="RadDataPager2_PageIndexChanged"
OnTotalRowCountRequest="RadDataPager2_TotalRowCountRequest"
OnFieldCreated="RadDataPager2_FieldCreated"
Code is similar as in telerik documentation.


0
Marin Bratanov
Telerik team
answered on 10 Apr 2014, 12:23 PM

Hi,

Thank you for your involvement. I would like to encourage you to share your solution as a code-library project http://www.telerik.com/support/code-library/aspnet-ajax/tilelist so others can also benefit from that. We will gladly award your contribution with Telerik points.


Regards,

Marin Bratanov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Ujwala
Top achievements
Rank 1
answered on 10 Apr 2014, 01:08 PM
Thanks Draxtor for your reply but i have not getting the code for  OnCommand,
OnPageIndexChanged, OnTotalRowCountRequest and OnFieldCreated methods

 
0
Draxtor
Top achievements
Rank 2
answered on 10 Apr 2014, 02:47 PM
Here's working example 
 Default.aspx is with pager
Contact.aspx is with slider.
0
Ujwala
Top achievements
Rank 1
answered on 11 Apr 2014, 08:41 AM
Thank you very much. its working fine.
0
Ujwala
Top achievements
Rank 1
answered on 21 Apr 2014, 10:08 AM
Can anyone tell me how i am getting the positions of each tile from radtilelist using javascript or jquery?
0
Shinu
Top achievements
Rank 2
answered on 22 Apr 2014, 06:26 AM
Hi pinky,

Please try the following code snippet to get the position of each tile from RadTileList.

JavaScript:
<script type="text/javascript">
    function pageLoad() {
        var TextTile1 = $('#radtileGetPosition_RadTextTile1');
        alert("Postion of RadTextTile1. Top= " + TextTile1.position().top + " Left= " + TextTile1.position().left);
        var TextTile2 = $('#radtileGetPosition_RadTextTile2');
        alert("Postion of RadTextTile2. Top= " + TextTile2.position().top + " Left= " + TextTile2.position().left);
    }
</script>

Thanks,
Shinu.
Tags
TileList
Asked by
Draxtor
Top achievements
Rank 2
Answers by
Draxtor
Top achievements
Rank 2
Marin Bratanov
Telerik team
Ujwala
Top achievements
Rank 1
Shinu
Top achievements
Rank 2
Share this question
or