YUI3數據表 - 行格式和選擇

Question

我有一個例子在這裏工作 - http://jsfiddle.net/BM3kX/5

它有一個YUI DataTable中消耗了一塊JSON的。我有一些相同的疑問。

1. 的JSON具有「imageURI」屬性從其中我需要與在相同小區中的「showName」屬性沿渲染圖像[16×16]。此外，該表可以有多行，以便應該有效地在每行上呈現圖像。

2. 當我點擊一行時，表應該提醒我所選擇的記錄。但這裏有一個轉折 - 我需要的數據與用於呈現它的JSON完全相同。 （即使我不在表中的任何位置使用它，我也應該得到'type'屬性。）

如何滿足上述要求？任何解決方案或可能性

Answer 1

1）在這裏沒有太多的事情可以做。我假設每個記錄的圖像都不同，所以除了發送適當大小的圖像而不是讓客戶端調整大小以外，沒有太多的優化。如果圖像是某種代表狀態的圖標，我建議您以某種方式發送編碼狀態，並讓瀏覽器決定如何表示它，但如果它們是人物的圖片，則只需讓瀏覽器處理與他們最好的可以。

2）很容易從點擊行的模型中重新構造原始數據。你不需要保留該行的JSON副本，只要你願意就可以把它變成JSON（畢竟，模型有一個toJSON方法來使它變得簡單）。表格中每個記錄的模型可以保存比表格中顯示的更多信息。列屬性告訴數據表顯示什麼，數據源存儲什麼。使用getRecord訪問底層模型並對其進行JSON編碼。如果原本是那種類型的話，即使你不顯示它，它仍然會在那裏。