flexGrid分组面板，是否可以修改各组的名称

登录

如下图，按照箱号来分组，共分成了四组。箱号为0的表示还未装箱的产品。是否可以把0修改成未装箱

KevinChen · KevinChen

您好，原生没有提供这个接口，您可以参考自定义单元格的示例：
https://demo.grapecity.com.cn/wi ... ionalStyling/purejs
可以尝试在formatItems事件中监听单元格类型，然后排查出group header的单元格，再做判断和修改。

村里人 · 村里人

请问怎么排查group header的单元格？属性名是什么？

KevinChen · KevinChen

您好，经仔细验证，formatItems中确实拿不到group Header的内容。实际上，wijmo中可以定制分组头部的信息，如API：
https://demo.grapecity.com.cn/wi ... l#groupheaderformat
但您的需求是动态的，这点目前确实做不到，只能考虑用一些事件动态修改这个groupheaderformat了

月亮和乌龟 · 月亮和乌龟

村里人发表于 2021-3-15 10:44
请问怎么排查group header的单元格？属性名是什么？

可以排查是不是groupheader。
self.theGrid.formatItem.addHandler(function (s, e) {
if (e.panel == s.cells && e.col === 0 && !(s.rows[e.row] instanceof wj.grid.GroupRow)) {

月亮和乌龟 · 月亮和乌龟

村里人发表于 2021-3-15 10:44
请问怎么排查group header的单元格？属性名是什么？

我也是要自定义groupheade。我的写法是
self.theGrid.formatItem.addHandler(function (s, e) {
            if (e.panel == s.cells && s.rows[e.row] instanceof wj.grid.GroupRow && e.col === 0) {
                  var html = e.cell.innerHTML;
                  html = html.replace(/Rowname:/,"").replace(/\(.*?\)/,"");
                  if(self.browser === '2'){
                     if(self.canEdit){
                        html +=  `<div class="add_staff_button" style="display: contents;">＋</div>`;
                     }else{
                        html +=  `<div class="add_staff_button display_none">＋</div>`;
                     }
                  }
                  e.cell.innerHTML = html;
            }
         });

Richard.Ma · Richard.Ma

感谢分享代码。

		自动登录	找回密码
密码			立即注册

[已处理] flexGrid分组面板，是否可以修改各组的名称

6 个回复

评分

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章