Asp.net mvc Kendo UI MVC网格行数与服务器数据源

我正试图创建一个列，使用KendoUIMVC和来自服务器的数据源来显示行数。我试过几种方法，但是数字列没有显示任何内容，它只是空的

以下是我尝试过的一些方法

第一次尝试，使用数据绑定

@{var counter = 1;}
<div id="roleContainer">
@(Html.Kendo().Grid(Model)
.Name("RoleGrid")
.Columns(columns =>
    {
        columns.Template(t => { }).ClientTemplate(@<text><span class="row-number"></span></text>).Title("No");
        columns.Bound(p => p.RoleName).Title("User Role");
        columns.Bound(p => p.RoleDescription).Title("Description");
        columns.Bound(p => p.RoleCopadUserGroup).Title("COPAD User Group");
        columns.Command(command =>
        {
            command.Custom("View Details").Click("showDetails");
            command.Custom("Edit").Click("edit");
            command.Destroy();
        }).Title("Actions");

    })
        .Events(events => events.DataBound(
                @<text>
                    function(e){
                         var rows = this.items();
                         $(rows).each(function(){
                            var index = $(this).index() + 1;
                            var rowLabel = $(this).find(".row-number");
                            $(rowLabel).html(index);
                         })
                    }
                </text>
            ))
        .ToolBar(toolBar => toolBar.Template("<a class='k-button k-button-icontext' onclick='createCommand()' href='#'></span>Create</a>"))
        .Pageable()
        .Sortable()
        .Filterable()
        .DataSource(datasource => datasource
            .Ajax()
            .Model(model => model.Id(p => p.UserId))
            .PageSize(20)
            .Destroy(update => update.Action("Delete", "Role"))
            .ServerOperation(false)
         )
    )

@{var counter=1；}
@（Html.Kendo（）.Grid（模型）
.姓名（“RoleGrid”）
.列（列=>
{
columns.Template（t=>{}）.ClientTemplate（@）.Title（“No”）；
columns.Bound（p=>p.RoleName）.Title（“用户角色”）；
columns.Bound（p=>p.RoleDescription）.Title（“Description”）；
columns.Bound（p=>p.RoleCopadUserGroup）.Title（“COPAD用户组”）；
columns.Command（Command=>
{
自定义（“查看详细信息”）。单击（“显示详细信息”）；
命令。自定义（“编辑”）。单击（“编辑”）；
command.Destroy（）；
}).名称（“行动”）；
})
.Events（Events=>Events.DataBound(
@
职能（e）{
var rows=this.items（）；
$（行）。每个（函数（）{
var index=$（this.index（）+1；
var rowLabel=$（this.find（“.rownumber”）；
$（rowLabel）.html（索引）；
})
}
))
.ToolBar（ToolBar=>ToolBar.Template（“”）
.Pageable（）
.Sortable（）
.可过滤（）
.DataSource（DataSource=>DataSource
.Ajax（）
.Model（Model=>Model.Id（p=>p.UserId））
.页面大小（20）
.Destroy（update=>update.Action（“删除”、“角色”））
.ServerOperation（错误）
)
)

使用模板的第二次尝试

@{var counter = 1;}
<div id="roleContainer">
@(Html.Kendo().Grid(Model)
.Name("RoleGrid")
.Columns(columns =>
    {
        columns.Template(@<text>@counter @{@counter++;}).Title("No");
        columns.Bound(p => p.RoleName).Title("User Role");
        columns.Bound(p => p.RoleDescription).Title("Description");
        columns.Bound(p => p.RoleCopadUserGroup).Title("COPAD User Group");
        columns.Command(command =>
        {
            command.Custom("View Details").Click("showDetails");
            command.Custom("Edit").Click("edit");
            command.Destroy();
        }).Title("Actions");

    })            
        .ToolBar(toolBar => toolBar.Template("<a class='k-button k-button-icontext' onclick='createCommand()' href='#'></span>Create</a>"))
        .Pageable()
        .Sortable()
        .Filterable()
        .DataSource(datasource => datasource
            .Ajax()
            .Model(model => model.Id(p => p.UserId))
            .PageSize(20)
            .Destroy(update => update.Action("Delete", "Role"))
            .ServerOperation(false)
         )
    )
</div>

@{var counter=1；}
@（Html.Kendo（）.Grid（模型）
.姓名（“RoleGrid”）
.列（列=>
{
columns.Template（@@counter@{@counter++；}）.Title（“No”）；
columns.Bound（p=>p.RoleName）.Title（“用户角色”）；
columns.Bound（p=>p.RoleDescription）.Title（“Description”）；
columns.Bound（p=>p.RoleCopadUserGroup）.Title（“COPAD用户组”）；
columns.Command（Command=>
{
自定义（“查看详细信息”）。单击（“显示详细信息”）；
命令。自定义（“编辑”）。单击（“编辑”）；
command.Destroy（）；
}).名称（“行动”）；
})            
.ToolBar（ToolBar=>ToolBar.Template（“”）
.Pageable（）
.Sortable（）
.可过滤（）
.DataSource（DataSource=>DataSource
.Ajax（）
.Model（Model=>Model.Id（p=>p.UserId））
.页面大小（20）
.Destroy（update=>update.Action（“删除”、“角色”））
.ServerOperation（错误）
)
)

第三次尝试，使用客户端模板

@{var counter = 1;}
<div id="roleContainer">
@(Html.Kendo().Grid(Model)
.Name("RoleGrid")
.Columns(columns =>
    {
        columns.Template(t => { }).ClientTemplate(" #= counter++ #").Title("No");
        columns.Bound(p => p.RoleName).Title("User Role");
        columns.Bound(p => p.RoleDescription).Title("Description");
        columns.Bound(p => p.RoleCopadUserGroup).Title("COPAD User Group");
        columns.Command(command =>
        {
            command.Custom("View Details").Click("showDetails");
            command.Custom("Edit").Click("edit");
            command.Destroy();
        }).Title("Actions");

    })            
        .ToolBar(toolBar => toolBar.Template("<a class='k-button k-button-icontext' onclick='createCommand()' href='#'></span>Create</a>"))
        .Pageable()
        .Sortable()
        .Filterable()
        .DataSource(datasource => datasource
            .Ajax()
            .Model(model => model.Id(p => p.UserId))
            .PageSize(20)
            .Destroy(update => update.Action("Delete", "Role"))
            .ServerOperation(false)
         )
    )
</div>

@{var counter=1；}
@（Html.Kendo（）.Grid（模型）
.姓名（“RoleGrid”）
.列（列=>
{
columns.Template（t=>{}）.ClientTemplate（“#=计数器++#”）.Title（“否”）；
columns.Bound（p=>p.RoleName）.Title（“用户角色”）；
columns.Bound（p=>p.RoleDescription）.Title（“Description”）；
columns.Bound（p=>p.RoleCopadUserGroup）.Title（“COPAD用户组”）；
columns.Command（Command=>
{
自定义（“查看详细信息”）。单击（“显示详细信息”）；
命令。自定义（“编辑”）。单击（“编辑”）；
command.Destroy（）；
}).名称（“行动”）；
})            
.ToolBar（ToolBar=>ToolBar.Template（“”）
.Pageable（）
.Sortable（）
.可过滤（）
.DataSource（DataSource=>DataSource
.Ajax（）
.Model（Model=>Model.Id（p=>p.UserId））
.页面大小（20）
.Destroy（update=>update.Action（“删除”、“角色”））
.ServerOperation（错误）
)
)

甚至没有一个用html显示，它是空的

---

有什么建议吗？

在可排序和可分页的网格中，行号有点没有意义。但如果你坚持的话，剑道真的没有办法做行号。我试过了

如果您只需要客户端显示，可以使用

---

我可以问你为什么需要这个吗？

啊，没错，行数在可排序的网格中没有意义，我真的不这么想。这只是我现在任务中的一些要求，也许我会用css的方式。