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