PanelBar in AngularJs

3 posts, 1 answers
  1. Joe
    Joe avatar
    11 posts
    Member since:
    May 2015

    Posted 26 Oct 2015 Link to this post

    Hi Guys,


    I'm having a hard time getting along with the PanelBar and angularJs. I'm hoping "Integrates seamlessly with AngularJs" isn't just a tag line and i've overlooked something somewhere.

     I've written the functionality I am after (with the content displayed how I'd like) in pure AngularJs and this looks like the following​

    I'm trying to replicate the granularity of being able to know what object behind the panelBar has been clicked on. All the entries follow the same layout and must have an image next to some text. I thought "contentUrls" may be the key there but I'm unsure as to how to use the angularJs scoped values from the item in the template file, plus also it appears I am unable to specify 1 content Url for all entries? it must be an entry for each item entry in the panel bar?

     Given the above jsfiddle implementation using just AngularJs, can anyone help me to implement the same kind of functionality in the PanelBar.

  2. Answer
    Petyo avatar
    2444 posts

    Posted 28 Oct 2015 Link to this post

    Hello Joe,


    the provided JSFiddle returns 404 on my side - check screenshot. Apart from that, based on your description, my guess is that you are trying to implement a data-bound panelbar - this is possible with the dataSource configuration option


    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Joe
    Joe avatar
    11 posts
    Member since:
    May 2015

    Posted 28 Oct 2015 in reply to Petyo Link to this post

    there's a trailing blank character after the link you have to remove. I just tried copying it into my browser and got the same 404, so had a quick play around and found the trailing character.


    I searched further yesterday and found this forum post which the telerik guys response was exactly what I needed, accessing the data-bound objects from the select method to be able to access object-specific properties and methods that the panelBar does not retain directly.

Back to Top