jQuery MiniUI

 找回密码
 立即注册
楼主: GeorgeChin
打印 上一主题 下一主题

datagrid 每行也是一个子表格怎么实现 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2018-11-22 17:46:04 |显示全部楼层 |倒序浏览
如图,比如说每个员工信息还有很多项,资产信息/档案/个人简历等等等等,不想要滚动条希望每行数据都是一个子表格,请问怎么实现?

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 1

沙发
发表于 2018-11-22 18:27:14 |显示全部楼层
dforce 发表于 2018-11-22 17:53
可以用行内子表格的形式处理
http://www.miniui.com/demo/#src=datagrid/inline_detailform.html
http://ww ...

不需要那个展开按钮,能不能默认展开所有detail的?

Rank: 1

板凳
发表于 2018-11-23 13:49:25 |显示全部楼层
dforce 发表于 2018-11-23 10:17
参考下这个例子,可以放到试用包demo/test下运行

感谢版主!!
另外我能在每行添加自定义的html吗?我看到api文档里有这个getRowEl()可以获取到行的dom对象,但我项目里那个版本的miniui好像没有这个方法,请问怎么搞

Rank: 1

地板
发表于 2018-11-27 14:06:10 |显示全部楼层
dforce 发表于 2018-11-23 13:58
1 自定义html可以通过drawcell的方式绘制
2 请更新至最新版本。

版主,你给的那个展开所有详细行的代码我试了,可以!但是有另一个问题了,就是跳页了之后就不生效了,不能展示所有详细行,请问可能存在什么问题呢?

Rank: 1

5#
发表于 2018-11-28 09:23:10 |显示全部楼层
felt 发表于 2018-11-27 16:42
修改一下代码就行了

!!!!!完美解决!感谢版主
另外疑惑的一点是,这两个的加载方法是不是有什么区别
  1. dept_grid.on("load", function () {
  2.             dept_grid.showAllRowDetail();
  3.         })
复制代码
  1. dept_grid.load(null, function () {
  2.         dept_grid.showAllRowDetail();
  3.     });
复制代码

Rank: 1

6#
发表于 2018-11-28 11:25:21 |显示全部楼层
dforce 发表于 2018-11-28 09:33
on("load",function(){}) 是绑定load事件,每次加载都会触发
load(null,function(){}) 是执行这次load操 ...

懂了,感谢版主

Archiver|普加软件

GMT+8, 2024-6-3 20:18 , Processed in 1.040162 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部