Javascript 如何使用KendoUIMVC扩展显示网格页脚值
剑道文档非常可怕,大多数文档都面向纯javascript实现 我试图显示网格页脚值,并将一些示例拼凑在一起得出以下结果,但我的页脚值显示为空白 我看到请求中返回的值是返回的JSON的一部分,但在模板中访问这些值时,这些值似乎为null 我尝试了Javascript 如何使用KendoUIMVC扩展显示网格页脚值,javascript,asp.net-mvc,kendo-ui,kendo-grid,Javascript,Asp.net Mvc,Kendo Ui,Kendo Grid,剑道文档非常可怕,大多数文档都面向纯javascript实现 我试图显示网格页脚值,并将一些示例拼凑在一起得出以下结果,但我的页脚值显示为空白 我看到请求中返回的值是返回的JSON的一部分,但在模板中访问这些值时,这些值似乎为null 我尝试了(Sum)和(Sum.Value),但Sum.Value返回一个错误,表示Sum属性为null @{ var g = Html.Kendo().Grid<OrderViewModel>() .Name("Orders") .Column
(Sum)
和(Sum.Value)
,但Sum.Value
返回一个错误,表示Sum属性为null
@{ var g = Html.Kendo().Grid<OrderViewModel>()
.Name("Orders")
.Columns(c =>
{
c.Bound(p => p.OrderID).Title("ID").Width(80);
c.Bound(p => p.OrderDate).Width(105).Format("{0:d}").Title("Date");
c.Bound(p => p.Name).Title("Name").FooterTemplate(i => i.Count);
c.Bound(p => p.Company).Title("Company");
c.Bound(p => p.Email);
c.Bound(p => p.Phone).Title("Phone");
c.Bound(p => p.Total).Width(100).Format("{0:c}").FooterTemplate(@<text>@item.Sum</text>);
c.Bound(p => p.Approved).Width(100);
c.Command(command => { command.Edit().Text("​").UpdateText("​").CancelText("​"); }).Width(154);
})
.DataSource(d => d
.Ajax()
.Aggregates(aggregates => {
aggregates.Add(a => a.Total).Sum();
aggregates.Add(a => a.Name).Count();
})
.Read(a => a.Action("GetOrders", "Orders"))
.Update(a => a.Action("UpdateOrder", "Orders"))
.PageSize(10)
.Sort(sort => sort.Add("OrderDate").Descending())
.Model(model => model.Id(p => p.ID))
)
.Pageable()
.Sortable()
.Filterable()
.Editable(e => e.Mode(GridEditMode.InLine))
.Resizable(r => r.Columns(true));
@g
}
@{var g=Html.Kendo().Grid()
.名称(“订单”)
.列(c=>
{
c、 绑定(p=>p.OrderID).Title(“ID”).Width(80);
c、 绑定(p=>p.OrderDate).Width(105).Format(“{0:d}”).Title(“日期”);
c、 绑定(p=>p.Name).Title(“Name”).FooterTemplate(i=>i.Count);
c、 约束(p=>p.Company)。所有权(“公司”);
c、 绑定(p=>p.Email);
c、 绑定(p=>p.Phone)。标题(“Phone”);
c、 绑定(p=>p.Total).Width(100).Format(“{0:c}”).FooterTemplate(@@item.Sum);
c、 装订(p=>p.Approved)。宽度(100);
c、 Command(Command=>{Command.Edit().Text(;”).UpdateText(;”).CancelText(;))。宽度(154);
})
.DataSource(d=>d
.Ajax()
.聚合(聚合=>{
aggregates.Add(a=>a.Total.Sum();
aggregates.Add(a=>a.Name).Count();
})
.Read(a=>a.Action(“GetOrders”、“Orders”))
.Update(a=>a.Action(“UpdateOrder”、“Orders”))
.页面大小(10)
.Sort(Sort=>Sort.Add(“OrderDate”).Descending())
.Model(Model=>Model.Id(p=>p.Id))
)
.Pageable()
.Sortable()
.可过滤()
.Editable(e=>e.Mode(GridEditMode.InLine))
.可调整大小(r=>r.Columns(true));
@g
}
你知道我遗漏了什么吗
聚合部分来自它们的示例,但是同一个示例并不需要显示模板本身
我也试过数数,但运气不好。请参阅我的绑定专栏
(名称)
和(总计)
,我非常确定,如果在数据源中使用Ajax绑定而不是服务器绑定,那么就必须使用客户端模板
例如
替换
c.Bound(p => p.Total).Width(100).Format("{0:c}").FooterTemplate(@<text>@item.Sum</text>);
希望这有助于。。。
我发现文档也存在同样的问题。我非常确定,如果在数据源中使用Ajax绑定而不是服务器绑定,那么就必须使用客户端模板 例如 替换
c.Bound(p => p.Total).Width(100).Format("{0:c}").FooterTemplate(@<text>@item.Sum</text>);
希望这有助于。。。
我发现医生也有同样的问题