Powered by SmartDoc

エレメント

エレメントとは、インスタンス変数やメソッドをHTMLとして表示する仕組みです。エレメントを使い分けることがCGIKitによる 開発の核になります。

コンポーネントはエレメントの一部なので、コンポーネントをネストすることができます。この場合、複数のコンポーネントから1つのWebページを構成することになります。トップレベルのコンポーネントは各コンポーネント・エレメントをすべてHTMLに変換した後に展開されます。

属性

各エレメントには、動作を指定する属性があります。これらの属性にインスタンス変数やメソッドを指定(バインディング)することで、プログラムをHTMLに埋め込むことができるようになります(以降、バインディングするメソッドのことを「アクション」とします)。

エレメント一覧

エレメントは全部で19種類あります。最も多用するエレメントにCKStringがあり、このエレメントはバインディングしたアクションの内容(実行結果)を文字列に変換して表示します。ほかにもバインディングの結果によってCGIKITタグで囲んだデータの表示を制御するCKConditionalやバインディングした配列データを繰り返し表示するCKRepetitionなど、様々なエレメントがあります。

一般
エレメント 概要
CKString バインディングしたアクションの結果を表示する。
CKHyperlink 他コンポーネントやメソッドにリンクを張る。
CKImage リソースディレクトリ内の画像を表示する。
条件判断・繰り返し
エレメント 概要
CKConditional 設定した条件の結果によってHTMLを表示する。
CKRepetition 指定した範囲の内容を繰り返す。
フォーム
エレメント 概要
CKForm フォームを用意する。送信データはそれぞれエレメントにバインディングした変数に代入される。
CKTextField テキストフィールドを表示する。
CKRadioButton ラジオボタンを表示する。
CKCheckbox チェックボックスを表示する。
CKPopUpButton ポップアップボタンを表示する。
CKText テキストエリアを表示する。
CKBrowser 複数選択可能なリストを表示する。
CKFileUpload ファイルアップロードフィールドを表示する。
CKSubmitButton 送信ボタンを表示する。
CKResetButton リセットボタンを表示する。
コンポーネントの再利用
エレメント 概要
CKFrame フレームにコンポーネントを設定する。
CKComponent コンポーネント内に別のコンポーネントを設定する。
CKContent ネスティングしたコンポーネントにて、親コンポーネントを表示する。
CKGenericElement 一般的なHTMLタグを生成する。