如何使用Kendo UI mvc扩展显示网格页脚值
How to display grid footer values using Kendo UI mvc extensions
剑道文档非常可怕,它们中的大多数都是面向纯javascript实现的。
我正在尝试显示网格页脚值,我把一些样本拼凑在一起,得到了以下内容,但我的页脚值显示为空白。
我看到请求中返回的值是返回的JSON的一部分,但在模板中访问它们时,这些值似乎为null。
我已经尝试过(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
}
你知道我缺少什么吗?
聚合部分来自它们的样本,但同一个样本并不需要显示模板本身。
我也试过数数,但没有成功。请参阅我的绑定列(Name)
和(Total)
。
我敢肯定,如果您在数据源中使用Ajax绑定而不是服务器绑定,那么您必须使用客户端模板。
例如。
更换
c.Bound(p => p.Total).Width(100).Format("{0:c}").FooterTemplate(@<text>@item.Sum</text>);
带有
c.Bound(p => p.Total).Width(100).Format("{0:c}").ClientFooterTemplate("#=sum#")
希望能有所帮助。。。我发现Docs也有同样的问题。
相关文章:
- ui网格将单元格显示为选择标记
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- 如何使用d3在基于网格的(热图)图表上正确显示轴
- Angular UI-GRID未在页面上显示网格
- javascript网格未在IE 8及以上版本中显示
- 如何使用.log数据文件显示EXT-js网格
- ag网格没有显示嵌套的json
- 高亮显示包含<br>以及重新格式化网格
- crm 2011使用javascript在仪表板上隐藏和显示子网格
- 网格中的更新值不会显示在javaspring控制器上
- 由于本地存储代理,Extjs网格面板最多显示25行.如何更改此限制值
- dojox 数据网格不显示
- 可以'编辑后不会将数据保存在数据库中,但网格显示更改
- Angularjs ng 网格,当某些 ng 网格选项中的列 Def 在多 ng 网格显示期间不同时,无法显示某些 ng
- 如何更改ng网格显示的行数
- 网格显示没有数据,但有请求直接为什么
- 如何有一个淘汰网格显示标题和基于下拉结果的数据
- 向剑道网格显示添加自定义验证
- 如何在视口中调整网格并让网格显示垂直滚动条
- 剑道网格显示所有剩余的项目在第二页