使用 Joomla 5 中的 ModalSelect 表單欄位類型，可以在開(kāi)發(fā)擴(kuò)充功能時(shí)使用類別、製造商和搜尋在模式視窗中進(jìn)行過(guò)濾，從而簡(jiǎn)化從數(shù)千個(gè)產(chǎn)品中找到正確產(chǎn)品的流程。

簡(jiǎn)介

在與客戶合作的過(guò)程中，會(huì)遇到各種程度的任務(wù)：有人需要一個(gè) 5-6 頁(yè)的簡(jiǎn)單網(wǎng)站。有人需要大量的商品目錄或使用 REST API 與第三方系統(tǒng)整合的線上商店。其他人需要非標(biāo)準(zhǔn)功能，但沒(méi)有可用的流行解決方案。

Joomla 非常適合開(kāi)發(fā)，並允許您創(chuàng)建易於維護(hù)的程式碼。如果需求遵循 CMS 核心，那麼它對(duì)所有這些情況都有答案。

要完成一個(gè)大項(xiàng)目，我們需要將其拆分為更小的任務(wù)，我想在本文中討論解決其中一個(gè)任務(wù)。

初始數(shù)據(jù)

客戶已經(jīng)在 Joomla (JoomShopping) 線上商店的熱門組件之一上建立了產(chǎn)品目錄。他們可以選擇產(chǎn)品的參數(shù)，將其放入購(gòu)物車並進(jìn)行購(gòu)買。一切如常。但是，現(xiàn)在您需要新增為產(chǎn)品建立圖形佈局的功能。例如，您的產(chǎn)品是杯子或 T 卹。在購(gòu)買之前，您可以去找產(chǎn)品設(shè)計(jì)師，上傳您的徽標(biāo)或照片，編寫文本，然後將此佈局附加到線上商店的訂單中。付款後，佈局直接進(jìn)入生產(chǎn)，圖像和文字將被應(yīng)用到您的杯子上並發(fā)送到地址。

由於此功能的實(shí)作非常耗時(shí)，因此將其建立為單獨(dú)的產(chǎn)品設(shè)計(jì)器元件。並且資料提供者外掛程式已經(jīng)創(chuàng)建，允許您使用一個(gè)或另一個(gè)電子商務(wù)元件。

其中一個(gè)小的應(yīng)用任務(wù)是在線上商店組件的商品和產(chǎn)品設(shè)計(jì)器組件中的商品之間建立連接。對(duì)於將來(lái)處理內(nèi)容的內(nèi)容管理者來(lái)說(shuō)，這應(yīng)該是方便且直覺(jué)的。因此，僅建立一個(gè)文字欄位來(lái)指示所需產(chǎn)品的 ID 號(hào)碼是不夠的。一個(gè)網(wǎng)路商店可能只有幾十種產(chǎn)品，那麼選擇一款產(chǎn)品來(lái)溝通並不是一件很困難的事。如果有數(shù)千種產(chǎn)品，則按參數(shù)搜尋和過(guò)濾產(chǎn)品的功能就很重要。如果您可以按類別、製造商過(guò)濾產(chǎn)品列表，或按名稱在數(shù)百個(gè)其他產(chǎn)品中尋找產(chǎn)品，您的工作將變得更快、更輕鬆。

看影片

此欄位與編輯器按鈕插件（editors-xtd 群組）的工作非常相似，其中用於選擇的資料顯示在模式視窗中：文章的連結(jié)、模組的簡(jiǎn)短程式碼等。

一點(diǎn)理論

在Joomla管理員面板中，有不同的欄位需要填入其他元件的資料：指定文章、選單項(xiàng)目、聯(lián)絡(luò)人、產(chǎn)品等。通常這些欄位被設(shè)計(jì)為選擇選項(xiàng)下拉列表，它們可以設(shè)計(jì)為帶有資料列表的輸入類型=“文字”，但也有方便的欄位顯示所需實(shí)體的列表，具有過(guò)濾、搜尋和分頁(yè)功能。不僅網(wǎng)站內(nèi)的來(lái)源（各種元件、外掛程式）可以充當(dāng)資料來(lái)源，還可以透過(guò) REST API 提供第三方服務(wù)：CRM、交付服務(wù)、外部資料庫(kù)、其他 Joomla 網(wǎng)站等等。

當(dāng)在選單項(xiàng)目中選擇文章（例如「文章- 單篇文章」、「聯(lián)絡(luò)人- 單一聯(lián)絡(luò)人」）或建立選單項(xiàng)目的別名- 「系統(tǒng)連結(jié)- 選單」時(shí)，我們都看過(guò)這些字段的作用項(xiàng)目別名」。不過(guò)，讓我們提醒自己它們是什麼樣子的。

模態(tài)文章選擇視窗。

模式單一聯(lián)絡(luò)人選擇視窗。

Joomla中模態(tài)選擇字段的機(jī)會(huì)

讓我們仔細(xì)看看這些欄位 - 它們到底允許您做什麼。在內(nèi)心深處，我們知道該欄位的主要工作是取得所選實(shí)體的ID並將該ID放入文字段落。但在螢?zāi)簧衔覀兛吹搅似渌麞|西 - 我們看到的不是 ID 號(hào)，而是文章或聯(lián)絡(luò)人的標(biāo)題。很好很方便。您不需要記住 ID 為 1452704 的文章的名稱。此外，影片清楚顯示，如果該欄位已經(jīng)有值，則會(huì)出現(xiàn)「清除」按鈕。它會(huì)重置欄位的值並允許您再次點(diǎn)擊“選擇”按鈕。

在某些情況下，我們有機(jī)會(huì)在建立選單項(xiàng)目的過(guò)程中建立選定類型的實(shí)體 - 文章、聯(lián)絡(luò)人等

。此按鈕的工作原理考慮了 ACL - Joomla 中的存取權(quán)限分離。

假設(shè)您正在建立一個(gè)網(wǎng)站並建立一個(gè)「聯(lián)絡(luò)人」頁(yè)面。如果您沒(méi)有一堆結(jié)構(gòu)複雜的公司分支機(jī)構(gòu)，那麼這只是「未分類」類別中常見(jiàn)的 Joomla 文章。它已經(jīng)擁有文本或變數(shù)形式的所有聯(lián)絡(luò)人。在古代，您必須先建立文章，然後轉(zhuǎn)到選單項(xiàng)目並為其建立選單項(xiàng)目。你現(xiàn)在不必這樣做。

如果欄位已經(jīng)有值，那麼在某些情況下，可以在建立選單項(xiàng)目的過(guò)程中編輯所選實(shí)體（文章、選單項(xiàng)目等）。

因此，使用模式視窗中的選擇字段，我們可以：

• 選擇
• 建立
• 編輯
• 清晰

這就是我眼前的情況。但在 Joomla 的深處還有一個(gè)奇怪的 urlCheckin 參數(shù)，它允許您將選定的值傳送到欄位中指定的 url。值得注意的是，Joomla 中的這項(xiàng)功能已經(jīng)逐漸發(fā)展了相當(dāng)長(zhǎng)的時(shí)間。然而，可以滿足您的需求的單獨(dú)通用欄位類型僅出現(xiàn)在 Joomla 5 中。甚至在 Joomla 4 中也沒(méi)有。

Joomla管理面板介面的Form建構(gòu)函式的欄位是如何排列的？

以前，這個(gè)建構(gòu)子稱為 JForm。我假設(shè)並非所有讀者都擁有像 IDE 這樣的開(kāi)發(fā)工具 - 開(kāi)發(fā)環(huán)境 - PHP Storm 或 VS Code，因此我將嘗試提供額外的指導(dǎo)來(lái)導(dǎo)航程式碼庫(kù)。

在 Joomla 中，邏輯與視圖（實(shí)際的 HTML 輸出）是分離的，因此我們將同時(shí)在多個(gè)地方對(duì)其進(jìn)行探索。

邏輯是表單類

邏輯是表單類別。在 Joomla 5 中，F(xiàn)orm 類別檔案位於 libraries/src/Form 中。我們檢查這些文件是為了了解邏輯本身、資料會(huì)發(fā)生什麼以及如何使用它。

簡(jiǎn)而言之，F(xiàn)orm 建構(gòu)子接收帶有欄位描述的 XML。讀取資料（欄位類型、來(lái)自 addfieldprefix 屬性的自訂欄位類別（如果有）等），使用 FormHelper 載入所需的欄位類別。如果字段有一些過(guò)濾輸出資料的規(guī)則 - 使用 FormRule 類別 - 記住 filelist 類型的 Joomla 字段，您可以在其中指定過(guò)濾參數(shù)並選擇，例如僅 php 或僅 css 檔案。

Joomla 表單欄位類別檔案 位於libraries/src/Form/Field。溫和地說(shuō)，有很多。這是管理面板的建造材料，有時(shí)也是前端的建造材料。

類別檔案描述了類別屬性，例如 $type、$layout 以及其他操作所需的屬性。大多數(shù)字段都有方法 getInput() - 實(shí)際上返回字段的 HTML 輸出，getLayoutData() - 在將字段發(fā)送到渲染之前預(yù)處理字段數(shù)據(jù)，getLabel() - 使用字段標(biāo)籤等。

我們記得欄位類別繼承父 FormField 類別。在類別檔案 libraries/src/Form/FormField.php 中，描述了欄位的可能屬性，這些屬性可以在 XML 描述中使用。他們簡(jiǎn)要地描述了它是什麼以及為什麼。

子類別（繼承者）能夠使用父類別的方法，並在必要時(shí)覆寫它。

Joomla 5 中字段的視圖（HTML 輸出、佈局）

每個(gè)欄位類別都有一個(gè) HTML 輸出。在經(jīng)典的 MVC 中，視圖會(huì)立即處理資料輸出，但在 Joomla 中還有一個(gè)附加層 - 佈局，它允許您覆蓋佈局 - 該 CMS 最重要的功能之一。 核心佈局是預(yù)計(jì)位於站點(diǎn)根目錄的 layouts 資料夾 中。它們傳遞一個(gè) $displayData 數(shù)組，其中包含從 getLayoutData() 方法接收到的所有資料。我們?cè)?$layout 類別屬性中指定要使用的輸出佈局。

<?php
/**
 * Name of the layout being used to render the field
 *
 * @var    string
 * @since  3.7
 */
protected $layout = 'joomla.form.field.email';

這種類型的錄音很常見(jiàn)。在 Joomla 中，layout 是網(wǎng)站根目錄下的佈局資料夾中佈局檔案的以點(diǎn)分隔的路徑。 也就是說(shuō)，條目 $layout = 'joomla.form.field.email' 表示渲染欄位時(shí)將使用版面配置 layouts/joomla/form/field/email.php.

<?php 
use Joomla\CMS\Layout\LayoutHelper;

$displayData = [
                'src' => $this->item->image,
                'alt' => $this->item->name,
               ];

echo LayoutHelper::render(
                        'joomla.html.image',
                         $displayData
                    );

同樣，此範(fàn)例將使用佈局layouts/joomla/html/image.php?？梢栽诰W(wǎng)站範(fàn)本和管理面板的 html 資料夾中覆蓋某些版面配置。

因此，如果我們想確切地看到最終有哪些資料進(jìn)入佈局以及如何顯示，請(qǐng)轉(zhuǎn)到佈局檔案中查看。

在 Joomla 5 的模態(tài)選擇視窗中建立資料選擇字段

現(xiàn)在讓我們回到本文的主要任務(wù)。

範(fàn)例對(duì)於我們學(xué)習(xí)很重要（撰寫本文時(shí)為 Joomla 5.0.1）：

• 此欄位的主類別是libraries/src/Form/Field/ModalSelectField.php
• Joomla 文章模態(tài)選擇欄位 - administrator/components/com_content/src/Field/Modal/ArticleField.php
• 選單類型模態(tài)選擇欄位 - administrator/components/com_menus/src/Field/MenutypeField.php
• 選單項(xiàng)目模態(tài)選擇欄位 - administrator/components/com_menus/src/Field/MenutypeField.php
• 輸出佈局 - layouts/joomla/form/field/modal-select.php

在撰寫本文時(shí)，com_contacts 中的單一聯(lián)絡(luò)人模式選擇欄位尚未轉(zhuǎn)換為通用欄位類型一，僅位於（在撰寫本文時(shí)的Joomla 5.0.2 中）administrator /components/com_contact/src/ Field/Modal/ContactField.php。它直接繼承FormField，而不是ModalSelectField。

加入自己的欄位的操作演算法如下：

• 使用 xml 檔案中的欄位或以程式設(shè)計(jì)方式使用 SimpleXMLElement 建立 XML 表單。
• 如果我們即時(shí)工作，則使用 onContentPrepareForm 事件的插件，將 XML 表單新增至所需的表單（在此之前檢查 $form->getName()）
• 建立欄位類別。
• 如有必要，我們可以建立自己的欄位 HTML 輸出（佈局）。我們將把它排除在本文的討論範(fàn)圍之外。 它有效。 ## 欄位 XML 這段程式碼中最重要的是 addfieldprefix 屬性，它的意思是字段類別的命名空間。類別名稱由 addfieldprefix "" type "Field" 組成。在這種情況下，欄位類別將為 JoomlaPluginWtproductbuilderProviderjoomshoppingFieldProductlistField。

<?php
/**
 * Name of the layout being used to render the field
 *
 * @var    string
 * @since  3.7
 */
protected $layout = 'joomla.form.field.email';

字段的 HTML 輸出（佈局）

為了清楚 PHP 中發(fā)生的一切，您需要先查看欄位輸出的佈局。它位於檔案 layouts/joomla/form/field/modal-select.php 中。事實(shí)上，有 2 個(gè)輸入欄位是輸出 - 一個(gè)可見(jiàn)，另一個(gè)不可見(jiàn)。所選文章、聯(lián)絡(luò)人或產(chǎn)品的標(biāo)題以佔(zhàn)位符的形式輸入到可見(jiàn)欄位 - $valueTitle 參數(shù)。第二個(gè)是他的 id - $value。如果我們還沒(méi)有選擇任何內(nèi)容，則該欄位中應(yīng)該有一個(gè)短語(yǔ)，例如「選擇文章」或「選擇產(chǎn)品」。這是一個(gè)語(yǔ)言常數(shù)，我們將其放入 XML 欄位的提示屬性中或欄位類別的 setup() 方法中。

可用於輸出佈局的所有參數(shù)（這表示可以透過(guò)程式設(shè)計(jì)方式或在 XML 檔案中使用的參數(shù)）：

<?php
/**
 * Name of the layout being used to render the field
 *
 * @var    string
 * @since  3.7
 */
protected $layout = 'joomla.form.field.email';

PHP 字段類

正如您可能已經(jīng)猜到的那樣，字段類別位於我的插件中。方法plugins/wtproductbuilder/providerjoomshopping/src/Field/ProductlistField.php。我以單模態(tài)文章選擇欄位為基礎(chǔ)，重新設(shè)計(jì)它以滿足我的需求——從 JoomShopping 線上商店選擇產(chǎn)品。我們用我們自己的類別來(lái)擴(kuò)展父 ModalSelectField 類別。

我的任務(wù)只包括產(chǎn)品選擇，編輯和創(chuàng)作不是，所以在文章正文中我們只討論產(chǎn)品選擇。 PHP類別很小，我會(huì)完整給出並評(píng)論。

<?php 
use Joomla\CMS\Layout\LayoutHelper;

$displayData = [
                'src' => $this->item->image,
                'alt' => $this->item->name,
               ];

echo LayoutHelper::render(
                        'joomla.html.image',
                         $displayData
                    );

另外，引入了 getValueTitle() 方法，該方法在已選擇並保存實(shí)體的情況下顯示所選實(shí)體的名稱（產(chǎn)品名稱、文章標(biāo)題等）。也就是說(shuō)，我們?nèi)ゾ庉嬤x單項(xiàng)，我們不觸及該字段，但我們希望看到人們可以理解的文章標(biāo)題/產(chǎn)品名稱，而不僅僅是一個(gè)id。此方法顯示所需的標(biāo)題。

<field
      type="productlist"
      name="product_id"
      addfieldprefix="Joomla\Plugin\Wtproductbuilder\Providerjoomshopping\Field"
      label="Field label"
      hint="Field placeholder"
      />

在一些需要更複雜功能的欄位中 - 多語(yǔ)言關(guān)聯(lián)等 - 欄位類別中還有其他方法覆寫 FormField 類別的基本方法：

• setLayoutData() 是在實(shí)際渲染欄位之前預(yù)處理資料的方法
• getRenderer() - 用於渲染的附加參數(shù) 等等

在我們的例子中，沒(méi)有這樣的需求，所以我們不使用它們。

模態(tài)視窗內(nèi)容的 HTML 輸出

按一下「選擇」按鈕時(shí)，將開(kāi)啟一個(gè)模式 Bootstrap 窗口，其中在

在我的外掛程式中，onAjaxProviderjoomshopping() 方法傳回產(chǎn)品清單的 HTML 輸出。我們用它們循環(huán)遍歷數(shù)組，拍攝照片、名稱和輸出。程式碼通常很長(zhǎng)，所以我將發(fā)布最重要的片段。

簡(jiǎn)化循環(huán)程式碼範(fàn)例：

<?php
extract($displayData);

/**
 * Layout variables
 * -----------------
 * @var   string   $autocomplete    Autocomplete attribute for the field.
 * @var   boolean  $autofocus       Is autofocus enabled?
 * @var   string   $class           Classes for the input.
 * @var   string   $description     Description of the field.
 * @var   boolean  $disabled        Is this field disabled?
 * @var   string   $group           Group the field belongs to. <fields> section in form XML.
 * @var   boolean  $hidden          Is this field hidden in the form?
 * @var   string   $hint            Placeholder for the field.
 * @var   string   $id              DOM id of the field.
 * @var   string   $label           Label of the field.
 * @var   string   $labelclass      Classes to apply to the label.
 * @var   boolean  $multiple        Does this field support multiple values?
 * @var   string   $name            Name of the input field.
 * @var   string   $onchange        Onchange attribute for the field.
 * @var   string   $onclick         Onclick attribute for the field.
 * @var   string   $pattern         Pattern (Reg Ex) of value of the form field.
 * @var   boolean  $readonly        Is this field read only?
 * @var   boolean  $repeat          Allows extensions to duplicate elements.
 * @var   boolean  $required        Is this field required?
 * @var   integer  $size            Size attribute of the input.
 * @var   boolean  $spellcheck      Spellcheck state for the form field.
 * @var   string   $validate        Validation rules to apply.
 * @var   string   $value           Value attribute of the field.
 * @var   string   $dataAttribute   Miscellaneous data attributes preprocessed for HTML output
 * @var   array    $dataAttributes  Miscellaneous data attribute for eg, data-*
 * @var   string   $valueTitle
 * @var   array    $canDo
 * @var   string[] $urls
 * @var   string[] $modalTitles
 * @var   string[] $buttonIcons
 */

第二個(gè)。連結(jié)標(biāo)籤代碼必須包含我們需要的資料的資料屬性。我們?cè)谪浳镙敵鲅h(huán)的範(fàn)例程式碼中看到了這個(gè)片段。

<?php
/**
 * Name of the layout being used to render the field
 *
 * @var    string
 * @since  3.7
 */
protected $layout = 'joomla.form.field.email';

JavaScript 處理。將資料從 發(fā)送到父視窗中的字段

現(xiàn)在讓我們開(kāi)始使用 JavaScript。在撰寫本文的過(guò)程中，出現(xiàn)了一些細(xì)微差別，使我們能夠討論新舊工作方式。

我們記得在工作的過(guò)程中，我們連接了以下js腳本

• media/system/js/fields/modal-fields.min.js - 此檔案已連接到文章選擇欄位的類別。然而，我們現(xiàn)在可以說(shuō)這是一種古老且過(guò)時(shí)的工作方法。不再需要該文件。我們?cè)?PHP 類別中註解掉了它。
• media/plg_wtproductbuilder_providerjoomshopping/js/providerjoomshopping.modal.js - 我們自己的 js 檔案。

讓我們從自己的 javascript 開(kāi)始。在這裡，使用 select-link 類，我們獲取所有選擇器並將單擊事件的偵聽(tīng)器掛在它們上。

<?php 
use Joomla\CMS\Layout\LayoutHelper;

$displayData = [
                'src' => $this->item->image,
                'alt' => $this->item->name,
               ];

echo LayoutHelper::render(
                        'joomla.html.image',
                         $displayData
                    );

如果 id 和 title 一切都很直觀，那麼資料物件和 postMessage 對(duì)於那些習(xí)慣使用 Joomla 的人來(lái)說(shuō)可能並不明顯。

就像在 Joomla 3 和 Joomla 4 中一樣

之前，在Joomla 2.5、3.x 甚至4.x 中，使用了以下方法：在字段輸出的佈局中，我們使用內(nèi)聯(lián)腳本將處理函數(shù)掛在視窗上，並從< ;iframe>我們稱為window.parent[functionName]?？纯催@段程式碼

<field
      type="productlist"
      name="product_id"
      addfieldprefix="Joomla\Plugin\Wtproductbuilder\Providerjoomshopping\Field"
      label="Field label"
      hint="Field placeholder"
      />

在此形式中，函數(shù)名稱在文章/聯(lián)絡(luò)人/選單項(xiàng)目清單中每個(gè)連結(jié)的 data-function 屬性中指定。函數(shù)本身被內(nèi)聯(lián)放置，有時(shí)將其名稱與附加 id 統(tǒng)一。例如，"jSelectArticle_".$this->id.

jSelectArticle() 函數(shù)或類似函數(shù)（我們將使用 jSelectProduct()）是檔案 modal-fields.min.js 中標(biāo)準(zhǔn) processModalSelect() 函數(shù)的包裝器。它依序呼叫 processModalParent() 函數(shù)並在執(zhí)行後關(guān)閉模態(tài)視窗。

這個(gè)函數(shù)需要指定一堆參數(shù)才能運(yùn)作：實(shí)體的類型（文章、聯(lián)絡(luò)人等）、欄位的前綴（實(shí)際上是 HTML 欄位選擇器的 id）、實(shí)際的 id和 title - 我們需要的參數(shù)等

在一項(xiàng)功能中，所有場(chǎng)合的一切都被收集起來(lái)。這就是我們欄位中資料的放置位置。

Joomla 5 中的情況如何

但是，現(xiàn)在，在 Joomla 5 中，不再需要此文件。如果我們使用欄位輸出的標(biāo)準(zhǔn)佈局，那麼 modal-content-select-field 資源就會(huì)連接到它，以一種新的方式運(yùn)作。

現(xiàn)在，Joomla 5 前端正在切換為使用 JavaScript postMessages。由於並非所有舊擴(kuò)充都已準(zhǔn)備好切換到新 Rails，因此已實(shí)作 JoomlaExpectingPostMessage 標(biāo)誌，它允許您區(qū)分過(guò)時(shí)的事件呼叫方法。它與所描述的工作方法有間接關(guān)係，但可能對(duì)某人有用。在完全過(guò)渡到 postMessages 後，此標(biāo)誌將被刪除。

所以，現(xiàn)在我們不需要帶有被呼叫函數(shù)名稱的額外連結(jié)屬性。相反，我們使用 postMessage 機(jī)制。為此，在資料物件中，我們需要指定等於 joomla:content-select 的 messageType 參數(shù)。為什麼？從 JavaScript 的角度來(lái)看，在 Joomla 中工作如下：

• 點(diǎn)擊連結(jié)並取得連結(jié)屬性
• 向父視窗發(fā)送訊息 window.parent.postMessage(data)
• media/system/js/fields/modal-content-select-field.js 檔案連接到具有訊息事件監(jiān)聽(tīng)器的父視窗。
• 它檢查訊息類型，如果是 joomla:content-select，則將值放置在必填欄位中並關(guān)閉模式視窗

在研究Joomla核心程式碼和尋找解決方案的過(guò)程中，很自然地遇到了jSelectArticle()之類的函數(shù)。然後我遇到了 postMessage 並決定透過(guò)給它一個(gè)長(zhǎng)的唯一名稱來(lái)創(chuàng)建我的 MessageType。為了使其工作，我編寫了自己的處理過(guò)程，調(diào)用（事實(shí)證明，已經(jīng)過(guò)時(shí)的）processModalSelect() 函數(shù)。我面臨的事實(shí)是，儘管資料已正確插入到欄位中，但模式視窗不想以任何方式關(guān)閉。進(jìn)一步的搜尋首先找到了正確的事件類型，然後刪除了不必要的腳本並簡(jiǎn)化了整個(gè)程式碼。

概括

Joomla 為開(kāi)發(fā)人員提供了一套豐富的工具，用於處理第三方來(lái)源的資料並從第三方來(lái)源獲取資料並在程式碼中使用它。對(duì)於開(kāi)發(fā)人員建立自己的擴(kuò)充功能時(shí)，使用 JForm 欄位非常重要，特別是當(dāng)需要解決超出典型範(fàn)圍的任務(wù)時(shí)。當(dāng)然，這樣的模式視窗和其中的資料選擇是一種相當(dāng)特殊的情況，但透過(guò)這種方式，您既可以覆蓋任何其他 JForm 字段，也可以使用自己的 UX 邏輯創(chuàng)建自己的類型。

Joomla 社群資源

• https://joomla.org/
• Joomla 社區(qū)雜誌中的這篇文章

以上是在 Joomla 中使用模態(tài)選擇範(fàn)例建立自訂表單欄位類型的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！