動作
入力バリデーションチェックをしてくれるTextFieldです。
バージョン
Curl Advanced UI 0.5
API説明
ValidationTextFieldクラス
バリデーションチェックのTextField クラスです 。
パッケージ
COM.CURLAP.ADVANCED-UI.CONTROLS
スーパークラス
MultiUIValueControlFrame-of
コンストラクタ
default キーワード引数(ui-object:#ValidationTextFieldUI = null):ValidationtextFieldのUI キーワード引数(ok-image:#Url = null):バリデーションチェックOKのイメージ キーワード引数(ng-image:#Url = null):バリデーションチェックNGのイメージ
メソッド
なし
利用方法
ValidationTextFieldのインスタンスを生成します。バリデーションチェックはvalidate-withマクロを利用し、指定します。
{curl 6.0 applet} {curl-file-attributes character-encoding = “shift-jis”} {applet manifest = “manifest.mcurl”}
{import * from COM.CURLAP.ADVANCED-UI.CONTROLS} {import * from COM.CURL.GUI.STYLED-CONTROLS} {install-style-sheet {manifest-url “file”, “DEFAULT-STYLE-SHEET”}}
{value
{spaced-vbox {text Normal TextField}, {TextField {validate-with {NumericValidator}, required? = true }, {on e:ValidationComplete at v:TextField do {if v.valid? then {dump e, v} } } },
{text ValidationTextField}, {ValidationTextField {validate-with {NumericValidator}, required? = true, dialog-on-finished? = false } },
{ValidationTextField prompt = “Just numeric value.”, ok-image = {url “images/1.png”}, ng-image = {url “images/5.png”}, height = 2cm, width = 10cm, font-size = 1cm, color = “red”, {validate-with {NumericValidator}, required? = true, dialog-on-finished? = false }, || NOTE: v:CoreTextField (not ValidationTextField) {on e:ValueFinished at v:CoreTextField do {dump e, v.value} } }
} }
TextFieldに入力しますとバリデーションチェックが行われ、チェックがOKであればok-imageが表示され、NGであれば、ng-imageが表示されます。
サンプル
バリデーションチェック
関連Curl標準API
TextField