ウィジェットのレンダリング
ウィジェットをレンダリングするには、ウィジェットをそのウィジェットを使用して参照します。 id
ウィジェットをレンダリングするには widget_languages
アプリの任意の場所で、次のシンプルな構文を使用できます。
{
"component": "widget",
"id": "widget_languages"
}
ウィジェットは、複雑なアイテムをレンダリングする場合にも使用できます。例えば、各ファイルにコントリビュータのリストをレンダリングする場合などです。
ここで、ウィジェットは次のように構築できます。
const widgetJSON = {
component: "div",
id: "file_contributors",
items: [ // adding components to the widget
{
component: "div",
items: [
{
component: "icon",
icon: "file"
},
{
component: "label",
label: "@fileName"
}
]
},
{
component: "list",
data: "@contributors",
itemConfig: {
component: "label"
}
}
]
},
次に、各ファイルの寄稿者のリストをレンダリングするために、リストを次のように書き込みます。
const listJSON = {
component: "list"
data: "@files"
itemConfig: {
component: "widget",
id: "file_contributors"
}
}
ここ @files
は、フィールドを含むファイルオブジェクトのリストです
- fileName: string
- contributors: Array<String>
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178