アコーディオン

Ajaxフレームワークでよく見かけるアコーディオン・コントロールですが、もちろんCurlのAPIで用意されています。これを実現するには、TabAccordionとTabPaneを利用します。以下にサンプルを掲載します。

アコーディオンを作成するためにTabAccordionコンテナを作成し、その引数としてTabPaneを必要なタブ数分作成します。上記の例では３つのTabPaneをつくっています。また、アコーディオンを縦・横を指定するためにtab-orientationオプションを利用します。デフォルトは"vertical"で、上記イメージ上のようになります。これを上記イメージ下のように変更したいのであれば、"horizontal"を指定します。

また、TabAccordionは１度に１つのTabPaneのみ表示となりますが、同時に複数のTabPaneを開きたい場合は、TabAccordionの代わりにMuitiTabAccordionを利用してください。

DateField（datepicker）

日付入力及び選択のためのTextField（一般的にはDatePickerと呼ばれるのかもしれません。）がCurlに標準で装備されています。

単純に以下のコードのみで上記のイメージのように表示できます。  

参考ドキュメント

タブコンテナ