or
@(
Html.Kendo().TreeView()
.Name(
"treeView"
)
.BindTo(Model, mapping =>
mapping.For<SomeViewModel>(binding =>
binding.ItemDataBound((item, viewModel) =>
{
item.Text = viewModel.DisplayName;
})
.Children(viewModel => viewModel.Children)))
.TemplateId(
"some-template"
)
)
columns.Bound(e => e.Name).Filterable(true);
.Columns(columns =>
{
columns.Bound(p => p.LEXId).Hidden(true);
columns.Bound(p => p.LEXName).Title("Name");
columns.Bound(p => p.LEXDescription).Title("Description");
columns.Bound(p => p.AllTranches).ClientTemplate("#= tranchesTemplate(data) #"); //edit these cells in a popup
columns.Bound(p => p.ComponentName1).Title("Comp1");
columns.Bound(p => p.ProximityTranche1).Title("Proximity");
columns.Bound(p => p.ComponentName2).Title("Comp2");
columns.Bound(p => p.ProximityTranche2).Title("Proximity");
columns.Bound(p => p.IsActive);
columns.Command(cmd => cmd.Edit()).Title("Update");
})
<script type=
"text/javascript"
>
function
tranchesTemplate(item) {
var
html =
"<table>"
;
for
(
var
i = 0; i < item.AllTranches.length; i++) {
if
(item.AllTranches[i]) {
if
((i % 3 == 0) || (i == 0)) {
html +=
"<tr>"
;
html +=
"<td>"
;
html += item.AllTranches[i];
html +=
"</td>"
;
}
else
{
html +=
"<td>"
;
html += item.AllTranches[i];
html +=
"</td>"
;
}
}
}
html +=
"</tr>"
;
html +=
"</table>"
;
html +=
"<table>"
;
html +=
"<tr>"
;
html +=
"<td><a class=k-button tranche-edit>Edit</a></td>"
;
html +=
"</tr>"
;
html +=
"</table>"
;
return
html;
}
</script>
@(Html.Kendo().TreeView()
.Name(
"SampleList"
)
.Checkboxes(chk => { chk.CheckChildren(
true
); })
.DragAndDrop(
false
)
.ExpandAll(
true
)
.....
.Columns(columns =>
{
columns.Bound(e => e.InternalId).Width(60).Filterable(filter => filter.UI("NumericFilter()"));
})
function NumericFilter(control) {
alert ("Got here...");
$(control).kendoNumericTextBox({ "format": "n0", "decimals": 0 });
}