kendo ui 里面的grid能进行行合并吗?如果能的话怎么做?最好给个例子

kendo ui 里面的grid能进行行合并吗?如果能的话怎么做?最好给个例子,第1张

我用的是较早的版本kendoui.web.2013.2.716.open-source。

在用kendoGrid使用Inline的行内编辑/新增时,如果设置参数batch: false,第一次新增没问题,第二次新增加了两行,观察发现它不适宜的记住了上次那个新增的model,还要一起提交。所有新增的行都会再次新增。

kendo的代码太繁琐,实在懒得去跟踪。找个个简单的解决办法:

修改设置batch: true,然后在初始化kendoGrid代码中的数据映射方法中强制指定要提交的值:

[javascript] view plain copy

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

options = options.models[0]

}

return options

}

这样在后台如同窗体提交时,直接获取Post的值即可。

强制指定是避免kendoui给参数添加类似model[0]之类的前缀,管理端获取Post值和正常窗体提交格式不能保持一致了。

endo UI grid 在处理表格数据上,方便、快捷。

出于需要,希望在 filter 表格后,得到所有的表格数据,当然可以在后台获取,但是通过kendo ui 的API在前端处理更为便捷。

// 获取 #grid 下的datasource

var dataSource = $("#grid").data("kendoGrid").dataSource

// 获取过滤条件

var filters = dataSource.filter()

// 获取全部表格的数据

这个完全看你外面给的容器div的大小,他默认是均分的,你可以给指定的列分配指定宽度来实现,如果还是放不下,还是推荐你在内容的template里加title吧,还可以吧部分不重要的数据隐藏掉,完了再旁边给个链接或者按钮,点击之后再显示hidden的列也行


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11536526.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存