YUI3 Datatable - форматирование и выбор строки

Question

У меня есть пример работы здесь - http://jsfiddle.net/BM3kX/5

У него есть фрагмент JSON, который используется таблицей данных YUI. У меня есть несколько вопросов относительно того же.

1. У JSON есть атрибут imageURI, из которого мне нужно отобразить изображение [16x16] вместе с атрибутом showName в той же ячейке. Кроме того, таблица может иметь несколько строк, чтобы изображения, которые должны быть эффективно отображены в каждой строке.

2. Когда я нажимаю на строку, таблица должна предупредить меня о выбранной записи. Но здесь есть поворот: мне нужны данные в точности как JSON, который используется для их рендеринга. (Я должен получить даже атрибут 'type', даже если я не использую его в своей таблице.)

Как я могу соответствовать вышеуказанным требованиям? Любые решения или возможности?

Answer 1

1) Там мало что можно сделать. Я предполагаю, что изображения различны для каждой из записей, поэтому оптимизировать их не нужно, за исключением отправки изображений нужного размера вместо того, чтобы клиент изменил их размер. Если бы изображения представляли собой какие-то значки, представляющие статус, я бы порекомендовал вам как-то отправить кодированный статус и позволить браузеру решить, как его представлять, но если они представляют собой изображения людей, вам просто нужно позволить браузеру разобраться с этим. с ними лучшее, что может.

2) Легко восстановить исходные данные из модели для строки, по которой щелкнули. Вам не нужно хранить копию JSON для этой строки, вы можете превратить ее в JSON, когда захотите (в конце концов, модель имеет метод to JSON, чтобы сделать это проще). Модель для каждой записи в таблице может содержать больше информации, чем показано в таблице. Свойство столбца сообщает объекту данных, что показывать, источнику данных, что он хранит. Используйте getRecord для достижения базовой модели и JSON-кодирования этого. Если тип был там изначально, он все равно будет там, даже если вы его не показываете.