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

发布时间：2020-12-16 07:20:27 所属栏目：asp.Net 来源：网络整理

导读：如何在Kendo UI Grid中显示行号？我的代码不起作用.页面显示列但它是空的. @{int counter = 1;}@(Html.Kendo().GridQueueViewModel() .Name("Queue") .Columns(columns = { columns.Template(@textspan@counter @{ counter++; }/span/text).Title("#"); }) .

如何在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"))
)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!