WebFormItem
4D.WebFormItem クラスを使用すると、Qodly webform コンポーネントの振る舞いを管理できるようになります。
4D.WebFormItem オブジェクトは、Web Form コマンドによって返される 4D.WebForm オブジェクトのプロパティです。
Web Form コマンドを呼び出すと、返された4D.WebForm プロキシオブジェクトにはサーバー側参照 を持った、Webフォーム内のコンポーネントと同数の 4D.WebFormItems が格納されます。
例えば、 WebFormObject.myImage は myImage をサーバー側参照として持っている画像コンポーネントを参照します。
履歴
| リリース | 内容 |
|---|---|
| 20 R2 | 追加 |
WebFormItem オブジェクト
| .addCSSClass(className : string) className で指定されたクラスをコンポーネントに追加します |
| .hide() コンポーネントを非表示にします |
| .removeCSSClass(className: string) className で指定されたクラスをコンポーネントから削除します |
| .show() コンポーネントを表示状態にします |
.addCSSClass()
.addCSSClass(className : string)
| 引数 | 型 | 説明 | |
|---|---|---|---|
| className | string | -> | コンポーネントに追加する CSSクラスの名前。 |
説明
.addCSSClass 関数は、className で指定されたクラスをコンポーネントに追加します。
.hide()
.hide()
| 引数 | 型 | 説明 | |
|---|---|---|---|
| 引数を必要としません |
説明
.hide() 関数は、コンポーネントを非表示にします。
例題
ユーザーがボタンをクリックした時に画像を非表示にする関数を呼び出すには以下のようにします:
isHiddenという名前の共有シングルトンクラス内に、以下のコードをもった、exposed 関数を作成します:
shared singleton Class constructor()
exposed Function isHidden()
var myComponent : 4D.WebFormItem
myComponent:=Web Form.myImage
myComponent.hide() // "myImage" をサーバー側参照として持つコンポーネントを非表示にします
- Qodly Studioにて: キャンバス上で画像コンポーネントを選択し、プロパティパネル > Server Side 内に、例えば "myImage" というサーバー側参照を入力します。
- ボタンコンポーネントを選択し、そこに
onclickイベントを追加します。 - そのイベントに
isHidden関数を追加します。
.removeCSSClass()
.removeCSSClass(className: string)
| 引数 | 型 | 説明 | |
|---|---|---|---|
| className | string | -> | コンポーネントから削除する CSSクラスの名前。 |
説明
.removeCSSClass() 関数は、className で指定されたクラスをコンポーネントから削除します。
.show()
.show()
| 引数 | 型 | 説明 | |
|---|---|---|---|
| 引数を必要としません |
説明
.show() 関数は、コンポーネントを表示状態にします。コンポーネントがすでに表示状態だった場合、この関数は何もしません。