加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

kendo-ui – Kendo grid在最后一页,最后一行位置插入新记录

发布时间:2020-12-16 07:33:08 所属栏目:asp.Net 来源:网络整理
导读:我在内联GridEditMode和GridInsertRowPosition中使用kendo网格设置为bottom. Ajax用于数据绑定.排序已启用并按DateTime字段排序. 页面大小设置为10. 当有多个页面(超过10个记录)时会出现问题.我有一个javascript函数跳转到最后一页并在底部显示新行.但是在某
我在内联GridEditMode和GridInsertRowPosition中使用kendo网格设置为bottom.
Ajax用于数据绑定.排序已启用并按DateTime字段排序.
页面大小设置为10.

当有多个页面(超过10个记录)时会出现问题.我有一个javascript函数跳转到最后一页并在底部显示新行.但是在某些点触发了排序事件,并且网格移动到只读模式.

是否有可能仅在添加新行时阻止网格排序?

欢迎任何帮助.
谢谢!

解决方法

您应该在工具栏中定义一个自定义命令:

toolbar   : [
    {
        name : "my-create",text : "Add new record"
    }
],

然后,使用选择器k-grid-以及命令的名称向其添加事件侦听器.

$(".k-grid-my-create",grid.element).on("click",function (e) {
}

最后,我们将使用Kendo UI数据源的功能插入特定点:

var dataSource = grid.dataSource;
var total = dataSource.data().length;
dataSource.insert(total,{});
dataSource.page(dataSource.totalPages());
grid.editRow(grid.tbody.children().last());

请注意,我们应该在插入行后移到最后一页.对于按日期排序的列,这应该没问题.

请检查以下代码:http://jsfiddle.net/OnaBai/sAVGk/

(编辑:李大同)

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

    推荐文章
      热点阅读