当前位置:   article > 正文

miniUI表格中实现分组合并_miniui mergecolumns

miniui mergecolumns

1,根据官方提供的api发现,只能实现同一列相同值的合并,但是要实现带有分组的实现确实有难度,本人自己写过算法实现了,但是非常复杂,后面发现有简单方法,记录一下,达到的效果是这样的 :

以左边的为分组列,在CRDU的情况下,始终保存正确的分组,JS代码如下:

  1. //查询后绑定合并显示
  2. function onSearchYpsYardPlansDatagrid(){
  3. var voyId = mini.get("voyId_ypsYardPlans").getValue() ;
  4. if(voyId != null && voyId != ""){
  5. //ypsYardPlans_datagrid 表格对象
  6. ypsYardPlans_datagrid.load({voyId: voyId}) ;
  7. var ieTag= mini.get("voyId_ypsYardPlans").getSelected().ieTag;
  8. ypsResultRequest_datagrid.load({voyId: voyId,ieTag:ieTag}) ;
  9. //合并显示
  10. ypsResultRequest_datagrid.on("load", function (e) {
  11. //ycaPort,分组列
  12. // ycaCsizecdS 尺寸
  13. ypsResultRequest_datagrid.mergeColumns(["ycaPort","ycaCsizecdS"]);
  14. });
  15. }
  16. }

还要注意返回的数据情况(特别注意):

子列中显示用div包住,同时用组列用属性显示在div中,一看就明白

其他情况下调用

ypsResultRequest_datagrid.mergeColumns(["ycaPort","ycaCsizecdS"]);

 写到这里,欢迎指点!

 

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/171152
推荐阅读
相关标签
  

闽ICP备14008679号