Hi,
Is it possible to have custom command button in TreeList?
I have tried to configure custom command button in Html.Kendo().TreeList as following:
@(Html.Kendo().TreeList<ABM.Models.AzureTreeViewData>()
.Name("ddlSubs")
.Columns(columns =>
{
columns.Add().Field(e => e.Name).Width(480).TemplateId("node-template");
columns.Add().Field(e => e.Type).Hidden(true);
columns.Add().Field(e => e.SubID).Hidden(true);
columns.Add().Command(command =>
{
command.Custom().Text(" ").Name("buttonCustom").Click("showDetails").ImageClass("fa fa-eye fa-lg");
});
})
.Filterable()
.Sortable()
.Selectable(true)
.DataSource(dataSource => dataSource
.Read(read => read.Action("TreeData", "Main").Data("subsdata"))
.ServerOperation(true)
.Model(m =>
{
m.Id(f => f.Id);
m.ParentId(f => f.ParentId);
m.Expanded(true);
m.Field(f => f.Name);
m.Field(f => f.Icon);
m.Field(f => f.Type);
m.Field(f => f.SubID);
})
)
.Height(540)
)
<script>
function showDetails(e) {
e.preventDefault();
var dataItem = $("#ddlSubs").dataItem($(e.currentTarget).closest("tr"));
var wnd = $("#Details").data("kendoWindow");
wnd.content(detailsTemplate(dataItem));
wnd.center().open();
}
</script>
Unfortunately Click event never hit in my code.
Could you please help me.
Thank you.