TileList with DataPager

13 posts, 1 answers
  1. Draxtor
    Draxtor avatar
    7 posts
    Member since:
    Sep 2008

    Posted 15 Oct 2013 Link to this post

    Any possibility to connect RadTileList with RadDataPager in order to create paging for TIles?
  2. Draxtor
    Draxtor avatar
    7 posts
    Member since:
    Sep 2008

    Posted 16 Oct 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 16 Oct 2013 Link to this post

    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.
  5. Draxtor
    Draxtor avatar
    7 posts
    Member since:
    Sep 2008

    Posted 16 Oct 2013 Link to this post

    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.
  6. Ujwala
    Ujwala avatar
    15 posts
    Member since:
    Apr 2014

    Posted 10 Apr 2014 Link to this post

    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
  7. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 10 Apr 2014 Link to this post

    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.

     
  8. Draxtor
    Draxtor avatar
    7 posts
    Member since:
    Sep 2008

    Posted 10 Apr 2014 in reply to Ujwala Link to this post

    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.


  9. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 10 Apr 2014 Link to this post

    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.

     
  10. Ujwala
    Ujwala avatar
    15 posts
    Member since:
    Apr 2014

    Posted 10 Apr 2014 Link to this post

    Thanks Draxtor for your reply but i have not getting the code for  OnCommand,
    OnPageIndexChanged, OnTotalRowCountRequest and OnFieldCreated methods

     
  11. Draxtor
    Draxtor avatar
    7 posts
    Member since:
    Sep 2008

    Posted 10 Apr 2014 in reply to Ujwala Link to this post

    Here's working example 
     Default.aspx is with pager
    Contact.aspx is with slider.
  12. Ujwala
    Ujwala avatar
    15 posts
    Member since:
    Apr 2014

    Posted 11 Apr 2014 Link to this post

    Thank you very much. its working fine.
  13. Ujwala
    Ujwala avatar
    15 posts
    Member since:
    Apr 2014

    Posted 21 Apr 2014 Link to this post

    Can anyone tell me how i am getting the positions of each tile from radtilelist using javascript or jquery?
  14. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 22 Apr 2014 in reply to Ujwala Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017