4
我试图把Kendo网格的第一列作为序列索引,它不受排序行记录影响。有什么办法可以做到这一点?谢谢Kendo UI Grid序列号列
我试图把Kendo网格的第一列作为序列索引,它不受排序行记录影响。有什么办法可以做到这一点?谢谢Kendo UI Grid序列号列
您可以使用模板列实现此功能。这里是展示了如何做一个现场演示:http://jsbin.com/olutin/10/edit
脚本部分
<script>
var rowNumber = 0;
function resetRowNumber(e) {
rowNumber = 0;
}
function renderNumber(data) {
return ++rowNumber;
}
function renderRecordNumber(data) {
var page = parseInt($("#Role").data("kendoGrid").dataSource.page()) - 1;
var pagesize = $("#Role").data("kendoGrid").dataSource.pageSize();
return parseInt(rowNumber + (parseInt(page) * parseInt(pagesize)));
}
</script>
**Kendo Grid**------------------------------------------------
@(Html.Kendo().Grid()
.Name("grid")
.Columns(columns => {
columns.Template(t => { }).Title("Record Per page").ClientTemplate("#= renderNumber(data) #");
columns.Template(t => { }).Title("S.No").ClientTemplate("#= renderRecordNumber(data) #");
);
})
.Events(ev => ev.DataBound("resetRowNumber"))
)
它将返回每&页s.no两个列如记录只是隐藏使用jQuery
(0)一列 $(document).ready(function() {
var grid = $("#Role").data("kendoGrid");
grid.hideColumn(0);
});
谢谢!它工作完美。 – JosephT
我想用分页的网格来实现这一点。只有网格有一页时,此答案才有效。 – anmarti
更新了演示以处理分页。 –