為什麼捐款
API 瀏覽器
選項群組

QOptionGroup 元件是一個輔助元件,讓您可以更好地控制二元(開啟或關閉、真或假、1 或 0)表單輸入元件(如複選框、單選按鈕或切換鈕)的分組。這個元件的一個很好的用途是提供一組選項或設定來開啟和關閉。

載入 QOptionGroup API 中...

用法

標準

標準



搭配 QCheckbox 或 QToggle

搭配複選框



警告

複選框/切換鈕的模型必須是一個陣列。

搭配切換鈕



使用標籤插槽
v2.2+

有兩種插槽類型。一種通用插槽 (label) 適用於所有選項,除非使用更具體的基於索引的插槽 (label-N,其中 N 是選項的從 0 開始的索引)。兩種插槽類型都接收各自的選項作為參數。

請注意我們如何為第一個選項(索引 0 的選項)使用特定的標籤插槽,並且我們還添加了 QTooltip。

標籤插槽



標籤在左側

選項標籤在左側



行內

行內



緊湊

緊湊且行內



停用

已停用



提示

options 陣列中的物件可以包含在 QToggle、QCheckbox 或 QRadio 中找到的任何 props,例如 disableleftLabel。請參閱下面的範例。

停用特定選項

停用特定選項



強制深色模式

強制深色模式



原生表單提交

當處理具有 actionmethod 的原生表單時(例如,當將 Quasar 與 ASP.NET 控制器一起使用時),您需要在 QOptionGroup 上指定 name 屬性,否則 formData 將不會包含它(如果應該包含) - 所有值都轉換為字串(原生行為,因此請勿使用 Object 值)

原生表單