Html.Kendo()
.Grid<
Fss.Areas.Customers.Models.Contact
>()
.Name("ContactsGrid")
.Columns(columns =>
{
columns.Bound(c => c.LastName);
columns.Bound(c => c.FirstName);
columns.Bound(c => c.Email);
columns.Bound(c => c.Phone);
columns.Bound(c => c.Mobile);
columns.Bound(c => c.Changed).Format("{0:HH:mm:ss d/M/yyyy}");
columns.Bound(c => c.ChangedBy);
columns.Command(command =>
{
command.Edit();
command.Destroy();
}).Width(172);
})
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Template(() =>
{
@<
div
class
=
"toolbar"
>
@{
Html.Label("Customer");
Html.Kendo()
.DropDownList()
.Name("CustomersComboBox")
.HtmlAttributes(new { style = "width: 400px" })
.DataTextField("Name")
.DataValueField("CustomerId")
.AutoBind(false)
.Events(e => e.Change("changeCustomer"))
.DataSource(source => source.Read(read => read.Action("GetCustomers", "Contacts")));
}
</
div
>
});
})
.Editable(editable => editable.Mode(GridEditMode.PopUp))
.Pageable()
.Sortable()
.Scrollable()
.Reorderable(con => con.Columns(true))
.Resizable(con => con.Columns(true))
.ColumnResizeHandleWidth(5)
.HtmlAttributes(new { style = "height:600px;" })
.Events(e => e.Edit("edit"))
.DataSource(dataSource => dataSource.Ajax()
.PageSize(10)
.Events(events => events.Error("error_handler"))
.Model(model =>
{
model.Id(c => c.ContactId);
model.Field(f => f.Changed).Editable(false);
model.Field(f => f.ChangedBy).Editable(false);
model.Field(f => f.Error).Editable(false);
})
.Create(c => c.Action("Create", "Contacts"))
.Read(r => r.Action("Read", "Contacts"))
.Update(u => u.Action("Edit", "Contacts"))
.Destroy(d => d.Action("Delete", "Contacts")));