エレメントとは、インスタンス変数やメソッドを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タグを生成する。 |