0

在我的 Kendo UI Grid 中，我将 Page Size 属性设置为三个 - PageSize(3)：

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.Discount>()
    .Name("discountgrid")
    .Columns(c=>
    {
        c.Bound(d => d.Id);
        c.Bound(d => d.Category);
        c.Bound(d => d.Percentage);
        c.Bound(d => d.Merchandise);
        c.Command(cm => { cm.Edit(); cm.Destroy(); });
    })
    .Pageable()
    .ToolBar(toolbar => toolbar.Create())
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(3)
        .ServerOperation(false)
        .Model(model => model.Id(d => d.Id))
        .Create(update => update.Action("EditingInline_Create", "Grid"))
        .Update(update => update.Action("EditingInline_Update", "Grid"))
        .Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
    )
)

添加前三行后，当我插入第 4 条记录时，第一条记录消失（如预期的那样） - 但我在网格页脚中看不到转到第二页（第 2 页）的选项。

这是为什么？我错过了什么？

4

3 回答 3

3

我认为您缺少向网格提供 READ 操作。

于 2013-10-07T10:44:24.890 回答
2

您必须在 DataSource 上指定 Read 操作并添加 RequestEnd 事件。您可以将 DataSource 读取方法放在此事件中。RequestEnd 事件上的事件类型参数，例如“update”、“create”、“destroy”，然后可用于确定完成哪个操作并重新加载网格上的数据。

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.Discount>()
.Name("discountgrid")
.Columns(c=>
{
    c.Bound(d => d.Id);
    c.Bound(d => d.Category);
    c.Bound(d => d.Percentage);
    c.Bound(d => d.Merchandise);
    c.Command(cm => { cm.Edit(); cm.Destroy(); });
})
.Pageable()
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.InCell))
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(3)
    .ServerOperation(false)
    .Events(e => { e.RequestEnd("onRequestEnd"); })//onRequestEnd is the javascript fxn
    .Model(model => model.Id(d => d.Id))
    .Read(read => read.Action("EditingInline_Read","Grid"))
    .Create(update => update.Action("EditingInline_Create", "Grid"))
    .Update(update => update.Action("EditingInline_Update", "Grid"))
    .Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
))


<script type="text/javascript">

function onRequestEnd(e) {
    if (e.type === "create" || e.type === "update" || e.type === "destroy") {
        e.sender.read();
    }
}

</script>

如果您需要更多信息，请阅读此链接

于 2013-11-25T18:00:41.493 回答
1

尝试将Read()动作添加到您的网格中，出于测试目的，可以设置ServerOperation(true)

于 2013-11-25T19:16:55.887 回答