剑道UI网格序列号列
Kendo UI Grid Serial number column
我试图将剑道网格的第一列作为串行索引,这不受行记录排序的影响。我有什么办法可以做到这一点吗?谢谢你
您可以使用模板列来实现这一点。下面是演示如何做到这一点的实时演示: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"))
)
它将返回两列,例如record per page &使用jquery隐藏一列(0)
$(document).ready(function () {
var grid = $("#Role").data("kendoGrid");
grid.hideColumn(0);
});
相关文章:
- Regex表示10位数字,其中没有't允许所有零、所有单个no和序列号
- 当行增加时自动递增序列号,并在 jQuery 中删除行时自动重新调整编号顺序
- 查找子项的序列号
- 数据表自动生成的序列号无法正常工作.对于每一页
- 我想在客户端单击中生成作业序列号.如果有任何建议,请提供帮助
- 如何使用javascript或jquery获取自动序列号
- 从序列号生成的 HTML 颜色,用于区分各个设备
- 可以通过JavaScript获取CPU或主板序列号吗?
- 从Flash AS3 Android应用程序调用Java脚本函数以检索设备ID和序列号
- 如何向字符串添加连字符(将其格式化为 16 位序列号)
- 如何使用Javascript自动输入html中行的序列号
- 如何在 HTML 表中获取自动序列号列
- 通过php或javascript检索iPad / iPhone序列号
- 如何使用jquery为表中的序列号列提供连续编号
- 如何制作序列号表格?用“-"在中间分开
- 如何在Javascript表中添加动态序列号
- 每页都有相同的序列号
- 生成序列号,中间添加字符串
- 自动向表行添加序列号
- 剑道UI网格序列号列