共用方式為


在 Power Pages 中使用程式碼元件

Power Apps 元件架構可讓專業開發人員和應用程式製作者為模型導向和畫布應用程式建立程式碼元件。 這些程式碼元件可以為在表單、檢視和儀表板上處理資料的使用者提供增強的體驗。 有關 Power Apps 元件架構概觀的詳細資訊。

Power Pages 現在支援為使用 Power Apps 元件架構建立的模型導向應用程式建置的控制項。 若要在 Power Pages 網站網頁中使用程式碼元件:

使用元件架構建立程式碼元件,然後將程式碼元件新增至模型導向應用程式表單,並在入口網站的基本表單內設定程式碼元件欄位。

完成這些步驟後,使用者可以使用具有相應 表單 元件的網頁與程式碼元件互動。

先決條件

  • 您需要系統管理員權限,才能在環境中啟用程式碼元件功能。
  • 您的 Power Pages 網站版本必須是 9.3.3.x 或更新版本。
  • 您的入門網站套件必須是 9.2.2103.x 或更新版本。

建立和封裝程式碼元件

若要瞭解如何在 Power Apps 元件架構中建立和封裝程式碼元件,請移至 建立您的第一個元件

支援的欄位類型和格式

Power Pages 支援使用程式碼元件的受限欄位類型和格式。 下表列出所有支援的欄位資料類型和格式:

貨幣

DateAndTime.DateAndTime

DateAndTime.DateOnly

Decimal

Enum

浮點數

Multiple

OptionSet

SingleLine.Email

SingleLine.Phone

SingleLine.Text

SingleLine.TextArea

SingleLine.Ticker

SingleLine.URL

TwoOptions

整數

如需詳細資訊,請參閱 屬性清單和說明

Power Pages 中不支援的程式碼元件

將程式碼元件新增至模型導向應用程式中的欄位

若要瞭解如何將程式碼元件新增至模型導向應用程式中的欄位,請移至 將程式碼元件新增至欄位

這很重要

Power Pages 的程式碼元件可用於使用 Web 用戶端選項的 Web 瀏覽器。

您也可以使用 資料工作區將程式碼元件新增至表單。

  1. 在資料工作區表單設計工具中編輯 Dataverse 表單時,請選取欄位。

  2. 選擇 + 元件, 然後為欄位選取適當的元件。

    將元件新增至表單。

  3. 選取 儲存發佈表單

設定程式碼元件的 Power Pages 網站

將程式碼元件新增至模型導向應用程式中的欄位後,您可以將 Power Pages 設定為在表單上使用程式碼元件。

有兩種方法可以啟用程式碼元件。

在設計工作室中啟用程式碼元件

使用Design Studio在表單上啟用程式碼元件。

  1. 表單新增至頁面後,請選取您新增程式碼元件的欄位,然後選取 編輯欄位

  2. 選取 啟用自訂元件 欄位。

    在設計工作室中啟用自訂元件。

  3. 當您預覽網站時,您應該會看到已啟用自訂元件。

在入口網站管理應用程式中啟用程式碼元件

若要使用入口網站管理應用程式將程式碼元件新增至基本表單:

  1. 開啟 入口網站管理 應用程式。

  2. 在左窗格中,選取 [基本表單]。

  3. 選取您要新增程式碼元件的表單。

  4. 選取 [相關]。

  5. 選取 基本表單中繼資料

  6. 選取 新基本表單中繼資料。

  7. 選擇 類型 作為 屬性

  8. 選取 [屬性邏輯名稱]。

  9. 輸入 標籤

  10. 針對 [控制項樣式],選取 [程式碼元件]。

  11. 儲存並關閉表單。

使用入口網站 Web API 的程式碼元件

您可以建置程式碼元件,並將其新增至網頁,以使用 入口網站 Web API 來執行建立、擷取、更新和刪除動作。 此功能允許在開發入口網站解決方案時提供更多的自訂選項。 如需詳細資訊,請參閱 實作範例入口網站 Web API 元件

後續步驟

教學課程:在入口網站中使用程式碼元件

另請參閱