YUI3数据表 - 行格式和选择

Question

我有一个在这里工作的例子 - http://jsfiddle.net/BM3kX/5

它有一个由YUI DataTable消耗的JSON。我对此有一些疑问。

1. JSON有一个'imageURI'属性，我需要在该属性中渲染图像[16x16]以及同一单元格中的'showName'属性。此外，该表可以有多行，以便有效地在每行上呈现图像。

2. 当我点击一行时，该表应该提醒我所选的记录。但是这里有一个转折 - 我需要的数据与用于渲染它的JSON完全相同。 （即使我在桌子的任何地方都没有使用它，我也应该得到'type'属性。）

我如何满足上述要求？任何解决方案或可能性？

Answer 1

1）你可以做的并不多。我假设每个记录的图像都不同，所以除了以适当的大小发送图像而不是让客户端调整大小之外，没有太多优化。如果图像是某种代表状态的图标，我建议您以某种方式发送状态编码并让浏览器决定如何表示它，但如果它们是人物的图片，您只需要让浏览器处理与他们一起尽力而为。

2）很容易从模型中为单击的行重建原始数据。您不需要为该行保留JSON的副本，您可以随时将其转换为JSON（毕竟，模型具有toJSON方法以使其变得容易）。表中每条记录的模型可以包含比表中显示的信息更多的信息。 column属性告诉数据表显示什么，数据源存储的内容。使用getRecord来访问底层模型并使用JSON编码。如果该类型最初存在，即使您没有显示它也会存在。