Hi,
I have implemented Kendo UI treeview with checkboxes control with ASP.Net MVC4. Please find below the code
<div >
@(Html.Kendo().TreeView()
.Name("treeview")
.Checkboxes(checkboxes => checkboxes
.CheckChildren(true)
)
.Items(treeview =>
{
treeview.Add().Text("Furniture").Id("1")
.Expanded(true)
.Items(furniture =>
{
furniture.Add().Text("Tables & Chairs").Id("2");
furniture.Add().Text("Sofas").Id("3");
furniture.Add().Text("Occasional Furniture").Id("4");
});
treeview.Add().Text("Decor").Id("5")
.Expanded(true)
.Items(furniture =>
{
furniture.Add().Text("Bed Linen").Id("6");
furniture.Add().Text("Curtains & Blinds").Id("7");
furniture.Add().Text("Carpets").Id("8");
});
})
)
</div>
In Layout.Cshtml file I kept Kendo UI .js and .css script and link references
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>
Thanks,
Srikanth
I have implemented Kendo UI treeview with checkboxes control with ASP.Net MVC4. Please find below the code
<div >
@(Html.Kendo().TreeView()
.Name("treeview")
.Checkboxes(checkboxes => checkboxes
.CheckChildren(true)
)
.Items(treeview =>
{
treeview.Add().Text("Furniture").Id("1")
.Expanded(true)
.Items(furniture =>
{
furniture.Add().Text("Tables & Chairs").Id("2");
furniture.Add().Text("Sofas").Id("3");
furniture.Add().Text("Occasional Furniture").Id("4");
});
treeview.Add().Text("Decor").Id("5")
.Expanded(true)
.Items(furniture =>
{
furniture.Add().Text("Bed Linen").Id("6");
furniture.Add().Text("Curtains & Blinds").Id("7");
furniture.Add().Text("Carpets").Id("8");
});
})
)
</div>
In Layout.Cshtml file I kept Kendo UI .js and .css script and link references
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>
Thanks,
Srikanth