メインコンテンツまでスキップ

カスタムページテーブルには、メインテーブルとサブテーブルの情報が表示されます

1. 使用シーン

フォーム内にマスタ情報とサブテーブル情報がある場合は、カスタムページテーブル内にマスタ情報とサブテーブル情報の両方を表示したいので、特別なデータ処理が必要ですこのとき、次のケースを参考にしてみましょう。

2.機能を実現する

2.1データを取得して表に示す

(1) データソースにリモートデータソースを追加する

参考ドキュメント:条件に基づいてフォームインスタンスの詳細リストを検索します

インタフェース構成図:

Didfetchデータ処理関数:

// 树形表格数据处理
export function handleData(content) {
const { currentPage, data, totalCount } = content;
if (!totalCount) { return content };
const tableData = data.map(item => {
const children = item.formData.tableField_lbkho7az.map((_item, index) => {
return {
productName: _item.textField_lbkho7b0,
count: _item.numberField_lbkho7b1,
isChildren: true,
formInstId: `${item.formInstId}-${index}`,
}
});
return {
formInstId: item.formInstId,
formUuid: item.formUuid,
title: item.title,
name: item.formData.employeeField_lbkho7ax,
date: item.formData.dateField_lbkho7ay,
children,
isChildren: false
}
});
return {
currentPage,
totalCount,
data: tableData
};
}

(2) カスタムページの設定

構成図:

2.2詳細ページにジャンプして詳細を表示します

(1) 構成操作列の詳細操作項目

3.効果を実現する

4.オンラインで試してみます

この文書は機械翻訳により生成されています。翻訳により生じた齟齬や相違点は拘束力を持たず、コンプライアンスや執行目的において法的効力はありません。
© DingTalk (Singapore) Private Limited