使用Razor在Kendo UI Grid顶部的额外分页部分

时间:2014-01-30 19:53:10

标签: asp.net-mvc razor kendo-ui

我对剑道比较陌生,所以我希望我使用正确的术语,如果这令人困惑,我会道歉。我在Razor中创建了一个kendo ui网格,看起来我的分页正在网格底部正确创建一个分页部分,并在网格顶部再创建一个默认的分页部分。我有一个png图像,但不知道如何加载它所以这里是一个描述。在网格的底部,正确显示分页。左下角有下一个和上一个箭头,数字按钮1-3,右下角有正确的信息,显示“显示项目从1到10.总项目30.

在网格的顶部,还有另一个分页部分,左上角显示下一个和上一个箭头,带有1个数字按钮,右上角显示“无要显示的项目”的消息。

以下是Kendo网格的代码:

@(Html.Kendo().Grid<myModels.Models.QuotesSearchViewModel>()
            .Name("quotesGrid")
            .Columns(columns =>
            {
                columns.Bound(c => c.AccountNumber);
                columns.Bound(c => c.QuoteNumber);
                columns.Bound(c => c.CustomerName);
                columns.Bound(c => c.TimeIn).Format("{0:hh:mm:ss tt}");
                columns.Bound(c => c.DateIn).Format("{0:MM/dd/yyyy}");
                columns.Bound(c => c.QuoteNumber).ClientTemplate(
                    Html.ActionLink("Edit", "Edit", new { id = "#= QuoteNumber #" }, new { @class = "k-button" }).ToHtmlString()
               );
            })
            .Selectable(selectable => selectable
                    .Mode(GridSelectionMode.Single))
            .Sortable()
            .Pageable(pageable => pageable
                .Messages(messages => messages.Display("Showing items from {0} to {1}. Total items: {2}"))
                .ButtonCount(5))
            .Navigatable()
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(10)
                .Model(model => model.Id("QuoteNumber"))
                .Read(read => read.Action("Quotes_Read", "Quotes").Data("filters"))
                )
    )

我没有问题填充网格,选择工作正常,一切正常,除了网格顶部的额外分页部分。我不是在这个页面上的任何其他地方创建一个剑道网格,我很难知道它是如何到达那里的。还有其他人遇到过这个吗?如果您需要任何进一步的信息,请与我们联系。

谢谢你的时间 - 肖恩

0 个答案:

没有答案