gpt4 book ai didi

asp.net-mvc - Kendo UI Grid - 显示行号

转载 作者:行者123 更新时间:2023-12-03 23:26:05 26 4
gpt4 key购买 nike

如何在 Kendo UI Grid 中显示行号?我的代码不起作用。该页面显示该列,但它是空的。

@{int counter = 1;}

@(Html.Kendo().Grid<QueueViewModel>()
.Name("Queue")
.Columns(columns =>
{
columns.Template(@<text><span>@counter @{ counter++; }</span></text>).Title("#");
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Read(read => read.Action("GetOpenQueue", "DataSource", new { GeneralQueue = true })
))

最佳答案

做这个:

@{
int counter = 1;
}

@(Html.Kendo().Grid<QueueViewModel>()
.Name("Queue")
.Columns(columns =>
{
columns.Template(@<text><span>@(counter++)</span></text>).Title("#");
})

或者,如果您的 DataSource 设置为 Ajax(客户端),请执行以下操作:
<script>
var counter = 1;

function onDataBound(e) {
counter = 1;
}

function renderNumber(data) {
return counter++;
}
</script>

@(Html.Kendo().Grid()
.Name("Queue")
.Columns(columns => {
columns.Template(t => { }).ClientTemplate("#= renderNumber(data) #").Title("#");
})
.Events(ev => ev.DataBound("onDataBound"))
)

关于asp.net-mvc - Kendo UI Grid - 显示行号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33830920/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com