Hi eZ community,

I need your help one more time!

I need to customize the subitems table generated by YUI Loader, in order to display, for the record, some other object's information.

Let's say I have I new class which has an object relation attribute through which I can relate an object of the image class from the media section, in place of the normal image attribute and so in the thumbnail column of the subitems table, instead of the thumbnail which comes by default, I need to show the thumbnail of this related image object.

For what I have been able to see so far, the customization can be done by creating an override of the /admin2/javascript/ezajaxsubitems_datatable.js where I can initialize new keys related to the object's info itself (i.e. here I added a 'class_identifier' key)..

..
        var dataSource = new YAHOO.util.DataSource(confObj.dataSourceURL);
        dataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
        dataSource.maxCacheEntries = 20;    // Caches between paginations. Requires a refresh after async updates to priorities
        dataSource.responseSchema = {
            resultsList: "content.list",
            fields: [
                {key:"name"},
                {key:"hidden_status_string"},
                {key:"class_name"},
                {key:"creator", parser:creatorParser},
                {key:"modified_date"},
                {key:"published_date"},
                {key:"section", parser:sectionParser},
                {key:"translations", parser:translationsParser},
                {key:"version"},
                {key:"node_id"},
                {key:"node_remote_id"},
                {key:"contentobject_id"},
                {key:"contentobject_remote_id"},
                {key:"contentobject_state"},
                {key:"priority"},
                {key:"class_icon"},
                {key:"thumbnail_url"},
                {key:"thumbnail_height"},
                {key:"thumbnail_width"},
                {key:"url"},
                {key:"parent_node_id"},
                {key:"can_edit"},
                {key:"class_identifier"}
            ],
            metaFields: {
                totalRecords: "content.total_count" // Access to value in the server response
            }
        };
..

.. which can than be called in the function

..
        var thumbView = function(cell, record, column, data) {
            var url = record.getData('thumbnail_url');
            if (url) {
                var thBack = 'background: url(' + url + ') no-repeat;';
                var thWidth = ' width: ' + record.getData('thumbnail_width') + 'px;';
                var thHeight = ' height: ' + record.getData('thumbnail_height') + 'px;';
                cell.innerHTML = '<div class="thumbview"><div id="thumbfield" class="thumbfield"></div><span><div style="' + thBack + thWidth + thHeight + '"></div></span></div>';
            }
            else if(record.getData('class_identifier') == "immagine") {
                cell.innerHTML = '<img src="' + url + '" />';
            }
            else {
                cell.innerHTML = '';
            }
        }
..

.. here in the else if statement, in place of the thumbnail_url I should pass the url of the file image of the current record/object's related object attribute, something which from a template point of view I can retrieve by $record.data_map.image[content][contentobject_attributes][2][content][original][url] sintax

But even if I initialize a..

{key:"data_map"}

..how can I actually get the object's data_map info in order to display them into the table?

Any help would be really appreciated!

Modified on Sunday 24 June 2012 12:03:09 am by Lo' F.