This is a migrated thread and some comments may be shown as answers.

Nest kendo window in treeview?

1 Answer 101 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
chris
Top achievements
Rank 1
chris asked on 19 Apr 2013, 03:54 PM
Hi I'm trying to nest a window inside a treeview.  I want to open the window when "What Established This?" is clicked.  Right now the text is showing up but nothing happens when i click it.


@(Html.Kendo().TreeView()
              .Name("relations")
              .Items(treeview =>
                treeview.Add().Text("Established Relationships for "+ Model.Mrn).HtmlAttributes(new {style="font-weight:bold;"})
                    .Expanded(true)
                    .Items(root =>
                        {
                            foreach (var dep in Model.DepartmentsUser)
                            {
                                if (dep.IsEnabled)
                                {
                                    var dep1 = dep;
                                    root.Add().Text(dep.Name).Items(
                                        i =>
                                            {
                                                i.Add().Items(w=>Html.Kendo().Window()
                                                    .Name("window")
                                                    .Title("Establishing Encounters")
                                                    .Content("loading user info...")
                                                    .LoadContentFrom("Action", "Controller", new { mrn = Model.Mrn, deptId = 1 })
                                                    .Iframe(true)
                                                    .Draggable()
                                                    .Resizable()).Text("What Established This?").SpriteCssClasses("ques-grey");
                                                //i.Add().Url("#").Text("What Established This?").SpriteCssClasses("ques-grey");
                                                i.Add().Text("Divisions").Items(
                                                    di =>
                                                        {
                                                            foreach (var div in dep1.Divisions)
                                                            {
                                                                var div1 = div;
                                                                di.Add().Text(div.Name).Items(divi =>
                                                                    {
                                                                        divi.Add().Text("Description: " + div1.Description);
                                                                        divi.Add().Text("Enabled: " + div1.IsEnabled);
                                                                    }).SpriteCssClasses("div-grey");
                                                            }
                                                        }).Expanded(true);
 
                                            }).
                                SpriteCssClasses("dept-blue");}
                            }
                })).Events( e=>e.Change("removeSelectedCss"))
            )

1 Answer, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 22 Apr 2013, 01:44 PM
Hello Chris,

Instead of nesting the window in the treeview, set a treeview template and handle clicks on the buttons in it. A related scenario is handled in the templates online demo, where buttons in treeview items trigger an action (in this demo, they delete the item).

Kind regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TreeView
Asked by
chris
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Share this question
or