@(Html.Kendo().Grid<customerviewmodel>
()
.Name(
"CustomerGrid"
)
.Columns(columns =>
{
columns.Bound(item => item.CustomerId).Hidden(
true
);
columns.Bound(item => item.Name);
columns.Template(t => { })
.Title(
""
)
.Width(120)
.ClientTemplate("<div
class
=
'btn-group'
>
" +
"<a class='btn btn-default btn-sm dropdown-toggle' data-toggle='dropdown'> Action <span class='caret'></span></a>"
+
"<ul
class
=
'dropdown-menu'
>
" +
"
<li>
" + (@Html.ActionLink("
Add Order
", "
AddOrder
", "
Customer
", new { customerId = "
#= CustomerId#
" }, null).ToHtmlString()) + "
</li>" +
"
</ul>
</div>");
})
.Selectable(selectable =>
{
selectable.Enabled(
true
);
selectable.Mode(GridSelectionMode.Single);
})
.ClientDetailTemplateId(
"template"
)
.DataSource(datasource => datasource.Ajax()
.Model(model =>
{
model.Id(m => m.CustomerId);
})
.Read(read => read.Action(
"CustomerDataSource"
,
"Customer"
)))
.Sortable())
<script id=
"template"
type=
"text/x-kendo-template"
>
@(Html.Kendo().Grid
<CustomerOrderViewModel>
()
.Name(
"grid_#=CustomerId#"
)
.Columns(columns =>
{
columns.Bound(item => item.OrderId).Hidden(
true
);
columns.Bound(item => item.OrderName);
columns.Template(@<text></text>)
.Title(
""
)
.Width(100)
.ClientTemplate("<div
class
=
'btn-group'
>
" +
"<a class='btn btn-default btn-sm dropdown-toggle' data-toggle='dropdown'>Action<span class='caret'></span></a>"
+
"<ul
class
=
'dropdown-menu'
>
" +
"
<li>
" + (@Html.ActionLink("
Edit
", "
EditOrder
", "
CustomerOrder
", new { orderId = "
#= OrderId#
" }, null).ToHtmlString()) + "
</li>" +
"
<li>
" + (@Html.ActionLink("
View
", "
ViewOrder
", "
CustomerOrder
", new { orderId = "
#= OrderId#
" }, null).ToHtmlString()) + "
</li>" +
"
</ul>
</div>");
})
.Editable(editable => editable.Enabled(
false
))
.Sortable()
.Selectable(selectable =>
{
selectable.Enabled(
true
);
selectable.Mode(GridSelectionMode.Single);
})
.DataSource(datasource => datasource
.Ajax()
.ServerOperation(
false
)
.PageSize(5)
.Model(model => model.Id(p => p.OrderId))
.Read(read => read.Action(
"CustomerOrderDataSource"
,
"CustomerOrder"
,
new
{ customerOrderId =
"#=customerId#"
})))
.ToClientTemplate())
</script>