Display PanelBar items from a Data Context

2 posts, 0 answers
  1. Annie
    Annie avatar
    5 posts
    Member since:
    Jan 2013

    Posted 05 Mar 2013 Link to this post

    I'm new to Telerik and Kendo UI. We have a commercial license.
    Please can you point me to a Kendo sample project for PanelBar that displays data from a Data context (using EF). Is it possible to do inline editing in a Panel Bar like in a Grid (KendoGridMvcCodeFirst sample project)?

    Annie

  2. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 07 Mar 2013 Link to this post

    Hello Annie,

    I am afraid we do not have such demo.

    Basically you should use the following configuration to bind your PanelBar to model (just like in the old extensions demo);

    e.g.

    @( Html.Kendo().PanelBar()
            .Name("PanelBar")        
            .BindTo(Model, mappings =>
            {
                   mappings.For<Category>(binding => binding
                        .ItemDataBound((item, category) =>
                        {
                            item.Text = category.CategoryName;
                        })
                        .Children(category => category.Products));
                   mappings.For<Product>(binding => binding
                        .ItemDataBound((item, product) =>
                        {
                            item.Text = product.ProductName;
                        }));
            })
    )


    where Model is a collection property from your DB context ( in the example above the Category table from the NorthWind).

    Kind Regards,
    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top