應用示例

開發Web可視化應用時，使用文字組件設置頁面標題。

步驟一：添加組件

1. 創建Web應用。具體操作，請參見創建Web應用。

2. 在Web應用編輯器中，單擊最左側的組件圖標。

3. 在畫布左側組件列表上方，輸入文字，找到該組件，然后將組件拖拽到中間畫布。

   有關組件添加的更多信息，請參見添加組件。

   

步驟二：配置數據源

在Web應用編輯器右側樣式中，配置文字展示的內容。

• 靜態數據

  在文字內容右側提交框中編輯內容，或在畫布中雙擊文字組件輸入內容。

  文字內容將靜態展示在頁面中。

• 動態數據

  單擊文字提交框右側的配置數據源圖標，選擇數據源類型，完成配置，單擊確定。

  可選數據源類型有設備、接口、應用推送、頁面變量。

  文字內容將基于關聯的數據源實時更新。

  說明

  • 組件支持返回的數據類型為：單精度數字、雙精度數字、整數、字符串。

  • 如果文字內容既輸入了靜態數據，又配置了動態數據，則取動態數據。

  • 數據源為設備時，可設置設備離線時，顯示的文字內容。

    在重復列表中使用該組件時，若需設置設備離線時的組件顯示，該組件數據源配置需關聯設備，配置方法如下：

    • 重復列表數據源配置為設備，該組件的數據源可配置為母組件數據源或設備。

    • 重復列表數據源配置非設備，該組件的數據源必須為設備。

步驟三：配置樣式

1. 在Web應用編輯器右側樣式中，配置文字組件的字體、字號（支持自定義）、顏色、粗細、行高和對齊。

   樣式中多個配置項支持配置動態數據源，可選設備、接口、應用推送、頁面變量。其中組件可見性、顏色僅支持配置設備、接口和應用推送數據源。

   不同配置項支持的數據格式不同，數據源返回數據需與要求的數據格式保持一致。

   配置項	數據格式
   組件可見性	布爾型或枚舉型，設置對應的可見和不可見。 如果配置數據源為設備，僅支持選擇屬性，支持數據格式為單精度數字、雙精度數字、整數、布爾型和枚舉型。此時，支持設置設備離線時組件是否可見。若數據源的數據格式為數值型，需要轉換整數型為布爾值或轉換數字為枚舉型后設置對應的可見性。 說明 在重復列表中使用該組件時，若需要根據設備物模型屬性設置組件可見性及對應設備離線時組件可見性，該組件數據源配置需關聯設備，配置方法如下： 重復列表數據源配置為設備，該組件可見性的數據源可配置為母組件數據源或設備。 重復列表數據源配置非設備，該組件可見性的數據源必須為設備。
   字體	字符串，且數據源返回的數據必須是終端電腦上已安裝字體的名稱。
   字號、行高	單精度數字、雙精度數字、整數。
   顏色	布爾型或枚舉型。 如果配置數據源為設備，僅支持選擇屬性，支持數據格式為單精度數字、雙精度數字、整數、布爾型和枚舉型。此時，支持設置設備離線時組件內容的顯示顏色。若數據格式為數值型，需要轉換整數型為布爾值或轉換數字為枚舉型后設置不同值顯示的顏色。 說明 在重復列表中使用該組件時，若需要根據設備物模型屬性設置顏色及對應設備離線時組件顯示顏色，該組件數據源配置需關聯設備，配置方法如下： 重復列表數據源配置為設備，該組件顏色的數據源可配置為母組件數據源或設備。 重復列表數據源配置非設備，該組件顏色的數據源必須為設備。
   粗細	標準和加粗。

2. 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息，請參見樣式配置。

步驟四：配置交互動作

1. 選中組件的交互頁簽，配置事件和交互動作。具體操作請參見交互配置。

   例如，點擊組件，執行動作打開鏈接，即配置鏈接打開方式，展示鏈接的內容。

2. 單擊頁面右上方的預覽，預覽和調試組件展示的數據和樣式。