How to add check box in PanelBar

[Umesh]

Hi 
How to add check box in panelbar item and binding data from entity framework.  

[Umesh]

Please check below code :

@(Html.Kendo().PanelBar()
    .Name("PanelBar")
    .HtmlAttributes(new { Styles = "width:10px" })
    .BindTo(Model, mappings =>
    {
        mappings.For<Header_PanelVM>(binding => binding
                .ItemDataBound((item, category) =>
                {
                    item.Text = category.HeaderName;
                    item.HtmlAttributes["id"] = category.HeaderName;

                })
                .Children(category => category.HList));
        mappings.For<HeaderList>(binding => binding
        .ItemDataBound((item, hearList) =>
        {
            item.Text = hearList.HeaderName;
            item.HtmlAttributes["onclick"] = "SelectChild('" + hearList.ParentHeaderName + "'," + hearList.HeaderId.ToString() + ")";

        }));
    })
    
)
in that i want to add check box,
please help me how i add it to item

[Petur Subev]

Hello Umesh,

Basically the MVC helper does not allow you to inject HTML as a template or something. However you can turn the Encoded option to false and insert the html inside the Text of the item.

e.g.

panelbar.Add().Text("Fourth Item")
    .Items(items =>
    {
        items.Add().Text("Sub Item 1");
        items.Add().Text("<input type='checkbox' /> Sub Item 2").Encoded(false);

The same approach can be applied to your case when using the BindTo builder.

Kind Regards,
Petur Subev
Telerik