1,根据官方提供的api发现,只能实现同一列相同值的合并,但是要实现带有分组的实现确实有难度,本人自己写过算法实现了,但是非常复杂,后面发现有简单方法,记录一下,达到的效果是这样的 :
以左边的为分组列,在CRDU的情况下,始终保存正确的分组,JS代码如下:
//查询后绑定合并显示
function onSearchYpsYardPlansDatagrid(){
var voyId = mini.get("voyId_ypsYardPlans").getValue() ;
if(voyId != null && voyId != ""){
//ypsYardPlans_datagrid 表格对象
ypsYardPlans_datagrid.load({voyId: voyId}) ;
var ieTag= mini.get("voyId_ypsYardPlans").getSelected().ieTag;
ypsResultRequest_datagrid.load({voyId: voyId,ieTag:ieTag}) ;
//合并显示
ypsResultRequest_datagrid.on("load", function (e) {
//ycaPort,分组列
// ycaCsizecdS 尺寸
ypsResultRequest_datagrid.mergeColumns(["ycaPort","ycaCsizecdS"]);
});
}
}
还要注意返回的数据情况(特别注意):
子列中显示用div包住,同时用组列用属性显示在div中,一看就明白
其他情况下调用
ypsResultRequest_datagrid.mergeColumns(["ycaPort","ycaCsizecdS"]);
写到这里,欢迎指点!