or
<
ul
id
=
"groupViewSelect"
data-bind
=
"source: groups"
class
=
"dropdown-menu"
data-auto-bind
=
"false"
>
</
ul
>
<
script
id
=
"selectViewTemplate"
type
=
"text/x-kendo-tmpl"
>
<
li
><
span
data-bind
=
"text: Name"
></
span
></
li
>
</
script
>
contactsGroupDataSource =
new
kendo.data.DataSource({
transport: {
read: {
url:
"api/contactgroups"
}
},
schema: {
model: {
fields: {
Number: { type:
"integer"
},
Name: { type:
"string"
}
}
}
}
});
viewModel = kendo.observable({
groups: contactsGroupDataSource
});
@(Html.Kendo().Grid<
CourseTypeViewModel
>()
.Name("MyCourseTypesGrid")
.Editable(e => e.Mode(GridEditMode.InLine))
.ToolBar(toolbar => toolbar.Create().Text("New Course"))
.Columns(columns =>
{
columns.Bound(o => o.Title);
columns.Bound(c => c.IsActive).Width(60);
columns.Bound(c => c.DotCourse).Width(60);
columns.Bound(c => c.RenewalInterval).ClientTemplate("#=RenewalInterval# (#=TimeFrame#)").Width(60);
columns.Bound(c => c.TimeFrame).Width(80);
columns.Command(command =>
{
command.Edit();
command.Destroy();
}).Width(200);
}).Sortable().Pageable().Groupable()
.DataSource(datasource => datasource
.Ajax()
.Model(p => p.Id(m => m.Id))
.Create(create => create.Action("InsertCourseType", "Admin"))
.Read(read => read.Action("CourseTypesGridData", "Admin"))
.Update(update => update.Action( "UpdateCourseType", "Admin"))
.Destroy(delete => delete.Action("DeleteCourseType", "Admin"))))