12 Answers, 1 is accepted
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.
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
Thanks, cheers.
pl can anyone help me its urgent
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,
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.
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.
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,
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.
OnPageIndexChanged, OnTotalRowCountRequest and OnFieldCreated methods
Default.aspx is with pager
Contact.aspx is with slider.
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.