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
更新了演示以處理分頁。 –