1. SPEAKのご紹介

コンポーネントでのインタラクションの使用

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

多くのコントロールには、コントロールのclickイベントが発生したときに何が起こるかを指定するClickというプロパティがあります。このイベントは、例えば訪問者がボタンをクリックしたときに発生しますが、プログラムで発生させることもできます。

このインタラクションは、Click、ServerClick、Triggerの3つのプロトコルのいずれかを使用して指定できます。

クリック

JavaScript文字列をjavascript:alert("Hello, world");のように指定します。

上記の非常に単純な例よりも便利なJavaScriptを入力できます。次の例では、DataSourceというコンポーネントのrefreshメソッドを呼び出します。

javascript:app.DataSource.refresh();

これが機能するのは、SPEAKがページの初期化中にページ全体のモデルを作成し、ページ内のすべてのコンポーネントにapp.<component>としてアクセスできるためです。 PageCodeスクリプトファイルで定義されている関数をapp.<function>, で呼び出したり、コンポーネントのメソッドをapp.<component>.<method>で呼び出したりできます。

サーバークリック

サーバー側のMVCコントローラーとアクションを指定します。コントローラとアクションを次のように指定します: serverclick:<controller name>/<action>。コントローラー名には、コントローラーの接尾辞は必要ありません。

トリガー

トリガーするイベントを指定します。これはデフォルトのプロトコルであるため、プレフィックスに をtrigger:を付ける必要はありません。

たとえば、コンポーネントのIDがitemで、このコンポーネントがsaveというイベントをリッスンする場合、item:save (またはtrigger:item:save) のようにイベントをトリガーできます。

ユーザーインタラクションを指定したコンポーネントと同じSPEAKページ内の他のコンポーネントでイベントをトリガーできます。

コンポーネントには、次の標準イベントがあります。

出来事

形容

セット

モデル内の属性を設定します

隠れる

isVisibleをfalseに設定します

見せる

isVisibleをtrueに設定します。

トグル

の値を切り替えます isVisible

エネーブル

isEnabledをtrueに設定します。

無効にする

isEnabledをfalseに設定します

その他のイベントは、個々のコンポーネントに固有です。

この記事を改善するための提案がある場合は、 お知らせください!