FastWeb附加控制元件

• 適用平臺： APP(移動端)

  附加控制元件中包含所有顯示的文字提示框資訊。

1. TUgSweetAlert

  該元件用於顯示彈窗提示。設定其中顯示的文字后，在界面彈出時會顯示相應的提示資訊。

1.1. 屬性

屬性	說明
AlertType	設定對話方塊的型別
AllowEscapeKey	是否允許響應ESC
AllowOutesideClick	是否允許響應對話方塊外側的點選操作
Animation	是否開啟動畫效果
CancelButtonColor	取消按鈕顯示的顏色
CancelButtonText	取消按鈕顯示的文字
ConfirmButtonColor	確認按鈕的顏色
ConfirmButtonText	確認按鈕的顏色
FocusCancel	是否預設自動選擇在取消按鈕上
InputPlaceholder	輸入框中無內容時顯示的內容
InputValue	對話方塊中的輸入內容顯示在該界面中
InputType	輸入框的型別
ReverseButtons	是否反轉按鈕
ShowCancelButton	顯示取消按鈕
ShowCloseButton	顯示關閉按鈕
ShowConfirmButton	顯示確認按鈕
ShowLoaderButtonOnConfirm	是否載入確認
Text	對話方塊顯示的文字
TitleText	對話方塊的標題

1.1.1. AlterType

property AlertType: TAlertType;

  該屬性指定對話方塊的型別。

名稱	說明	圖例
atInfo	提示對話方塊
atError	錯誤對話方塊
atQuestion	疑問對話方塊
atSuccess	成功對話方塊
atWarning	警告對話方塊

1.1.2. AllowEscapeKey

property AllowEscapeKey: Boolean;

  是否響應ESC按鍵。如果該項設定為True，則對話方塊也可以響應ESC。

1.1.3. AllowOutsideClick

property AllowOutsideClick: Boolean;

  是否允許不在對話方塊按鈕進行點選操作以關閉對話方塊。

1.1.4. Animation

property Animation: Boolean;

  是否開啟對話方塊顯示時的動畫效果。

1.1.5. CancelButtonColor

property CancelButtonColor: TColor;

  設定取消按鈕的顏色。設定該屬性需將ShowCancelButton設定為True。

1.1.6. CancelButtonText

property CancelButtonText: string;

  設定取消按鈕顯示的文字內容。

1.1.7. ConfirmButtonColor

property ConfirmButtonColor: TColor;

  設定確認按鈕的顏色。設定該屬性需將ShowConfirmButton設定為True。

1.1.8. ConfirmButtonText

property ConfirmButtonText: string;

  設定確認按鈕的文字。

1.1.9. FocusCancel

property FocusCancel: Boolean;

  設定為True，則對話方塊打開時，取消按鈕預設選中。

1.1.10. InputPlaceholder

property InputPlaceholder: string;

  該屬性指定輸入框為空時顯示的內容。

1.1.11. InputType

property InputType: TInputType;

  設定對話方塊中的輸入型別。下面的設定中，包含了InputPlaceholder的內容指定。

名稱	說明	圖例
ItNone	無輸入框
ItCheckBox	覈取方塊
ItEmail	郵箱地址輸入框
ItFile	檔案選擇對話方塊
ItNumber	數字輸入對話方塊
ItPassWord	密碼輸入對話方塊
ItRange	範圍選擇對話方塊
ItSelect	選擇對話方塊
ItTel	電話輸入對話方塊
ItText	文字輸入框	影象同上
ItTextArea	文字區域輸入框

1.1.12. ReverseButtons

property ReverseButtons: Boolean;

  是否對確認與取消按鈕進行反轉。使用該屬性需要將確認按鈕與取消按鈕顯示出來。即ShowCancelButton為True，ShowConfirmButton為True。

取值	圖例
True
False

1.1.13. ShowCancelButton

property ShowCancelButton: Boolean;

  該屬性用於指定對話方塊中是否顯示取消按鈕。

1.1.14. ShowCloseButton

property ShowCloseButton: Boolean;

  該屬性用於指定對話方塊中是否顯示關閉按鈕。

1.1.15. ShowConfirmButton

property ShowConfirmButton: Boolean;

  該屬性用於指定對話方塊中是否顯示確認按鈕。

1.1.16. ShowLoaderButtonOnConfirm

property ShowLoaderOnConfirm: Boolean;

  該屬性用於指定在點選確認按鈕時按鈕是否顯示為載入狀態。

1.1.17. Text

property Text: string;

  對話方塊中的文字區域的內容。

//JScript
UgSweetAlert01.Text = "Hello";

//PasScript
UgSweetAlert01.Text := 'Hello';

// Make sure to add code blocks to your code group

1.1.18. TitleText

property TitleText: string;

  該屬性用於指定對話方塊的標題。

//JScript
UgSweetAlert01.TitleText = "Hello";

//PasScript
UgSweetAlert01.TitleText := 'Hello';

// Make sure to add code blocks to your code group

1.2. 事件

名稱	觸發條件
OnConfrim	當按下確認按鈕后觸發該事件
OnDismiss	當按下取消按鈕后觸發該事件

1.3. 方法

1.3.1. Execute

function Execute: Boolean;

  該方法為執行操作。執行后將會打開對話方塊。

UgSweetAlert01.Execute;