1

ここで動作する例があります- http://jsfiddle.net/BM3kX/5

YUI DataTable によって消費される JSON の一部があります。同じことに関していくつか質問があります。

  1. JSON には 'imageURI' 属性があり、そこから画像 [16x16] をレンダリングする必要があり、同じセルに 'showName' 属性が含まれています。また、各行に画像を効率的にレンダリングする必要があるため、テーブルには複数の行を含めることができます。

  2. 行をクリックすると、テーブルは選択されたレコードを警告するはずです。しかし、ここにはひねりがあります。レンダリングに使用される JSON とまったく同じデータが必要です。(テーブルのどこでも使用していなくても、「type」属性を取得する必要があります。)

上記の要件を満たすにはどうすればよいですか？解決策や可能性はありますか？

4

1 に答える 1

1

1) そこでできることはあまりない。画像はレコードごとに異なるため、クライアントにサイズを変更させるのではなく、画像を適切なサイズで送信する以外に最適化する必要はあまりないと思います。画像がステータスを表すアイコンのようなものである場合は、コード化されたステータスを何らかの方法で送信し、それを表す方法をブラウザーに決定させることをお勧めしますが、それらが人々の写真である場合は、ブラウザーの処理に任せる必要があります。彼らと一緒に最善を尽くします。

2) クリックした行のモデルから元のデータを簡単に再構成できます。その行の JSON のコピーを保持する必要はありません。必要なときにいつでも JSON に変換できます (結局のところ、モデルにはそれを簡単にするための toJSON メソッドがあります)。テーブル内の各レコードのモデルは、テーブルに示されているよりも多くの情報を保持できます。column プロパティは、データテーブルに何を表示するか、データソースに何を格納するかを伝えます。getRecord を使用して基礎となるモデルに到達し、それを JSON エンコードします。タイプが元々あった場合は、表示しなくてもそのまま残ります。

于 2012-10-19T20:25:21.190 に答える