YUI3数据表-行格式和选择

Question

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

它有一个由YUI数据表使用的JSON。 我对此有一些疑问。

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

2. 当我单击一行时，该表应提醒我所选记录。 但是这里有一个变化-我需要的数据与用于呈现它的JSON完全相同。 （即使我不在表中的任何地方使用它，我也应该获得'type'属性。）

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

Answer 1

1）在那里您无能为力。 我认为每个记录的图像都不相同，因此除了发送适当大小的图像而不是让客户端重新调整大小以外，没有太多要优化的地方。 如果图像是代表状态的某种图标，我建议您以某种方式发送状态编码，然后让浏览器决定如何表示它，但是如果它们是人物的照片，则只需要让浏览器处理即可与他们尽力而为。

2）很容易从模型中为单击的行重新构造原始数据。 您无需为该行保留JSON的副本，可以随时将其转换为JSON（毕竟，模型具有toJSON方法可简化此操作）。 表中每个记录的模型可以容纳的信息比表中显示的信息更多。 column属性告诉数据表要显示什么，数据源告诉它存储什么。 使用getRecord可以访问基础模型并对其进行JSON编码。 如果类型原先在那儿，即使您不显示它也将在那里。