DataTable

DataTable Control: JSON Data Over XHR

YUIのExample「DataTable Control: JSON Data Over XHR」へのリンク このExampleでは、DataSourceとして「サーバーにあるPHPプログラムを指定」して、JSONデータの取得を行い、テーブルを作成している。 この部分は // Connection Managerに任せるRequestは…

DataTable Control: Nested Headers

YUIの「DataTable Control: Nested Headers」へのリンク Nested Headerとは、入れ子になった見出しのこと。 こういったデータを扱うことはあまり多くはないが、この例のように、あるデータとサマリーが並んでいるようなケースでは確かに必要なフォーマット。…

DataTable Control: Conditional row coloring

YUIのExampe「DataTable Control: Conditional row coloring」へのリンク このExampleでは、Row Format(行のフォーマット)をカスタム・フォーマッターとして作成する。 先の例のカスタム・フォーマッターが、テーブルのエレメント(td)を修飾するものであ…

DataTable Control: Custom Cell Formatting

YUIの「DataTable Control: Custom Cell Formatting」へのリンク このExampleの目的は、 カスタムのフォーマッターを作ってみること(タイトルの通り)。 デフォルトのフォーマッターをoverrideしてみること(Javascriptの場合は、overrideというよりも、む…

DataTable Control: Progressive Enhancement

YUIの「DataTable Control: Progressive Enhancement」へのリンク このExampleは、「DataTable Control: Basic Example」をやった後では以下の意味だけ持つものと考えていいと思う。 markupで記述したテーブル(tableタグ)から、下のようなテーブル表現を得…

DataTable Control: Basic Example

YUIのExample「DataTable Control: Basic Example」へのリンク YUIのExampleのタイトルはBasic Exampleと書いてあるが、「(テーブル表示は)結構、これで(もう)いいんじゃないの?」というサンプルとなっている(ページングとかあるか。。。)。画面はサ…