Oinone
产品
Oinone
Oinone Framework
100% 元数据驱动的企业级低代码框架
Aino
Aino
AI Innovation, Now I Know — 企业级智能体平台
用户案例价格社区
资源
📖
文档
开发文档与 API
💬
支持
技术支持
📄
更新日志
产品更新日志
🏡
关于
关于我们
0571-88757863

视图:表格列尾统计


一、概述

可以通过扩展TableWidget.ts实现

二、示例代码

import {
  BaseElementWidget,
  DslDefinitionType,
  SPI,
  TableWidget,
  ViewType,
  Widget
} from '@oinone/kunlun-dependencies';

@SPI.ClassFactory(
  BaseElementWidget.Token({
    type: ViewType.Table,
    widget: 'table',
    model: 'resource.k2.Model0000000109',
    viewName: '移动端品牌_TABLE_0000000000021513'
  })
)
  export class FooterStatisticsTable extends TableWidget {
    public initialize(props) {
      if (props.template) {
        props.template?.widgets?.forEach((a) => {
          if (a.dslNodeType === DslDefinitionType.FIELD && this.statisticsFieldList.includes(a.name)) {
            a.statistics = true;
          }
        });
      }
      super.initialize(props);
      return this;
    }

    // 需要表尾做合并的字段名称
    public statisticsFieldList = ['fansNum'];

    @Widget.Reactive()
    protected get showFooter(): boolean | undefined {
      return true;
    }
  }

三、效果预览

编辑此页
最近更新:2026/1/15 04:02
上一页
视图:表格列合并
下一页
视图:表格实现复制行
默认页脚
Copyright © 2026 Mr.Hope