Skip to Content
Menu
This question has been flagged
3 Replies
15699 Views

I'm facing a problem , I am uploading images according to category wise , now I have to display all images category wise in tree view. What's the syntax to display image in tree view

Avatar
Discard
Best Answer

It's perfectly possible to display images in list/tree view. Some js code has to be added to add this functionality.

I created a small module which does exactly this. The module has just one file which is relevant.

static/src/js/view_list.js:

openerp.listview_images = function(instance) { 

/* Add a new mapping to the registry for image fields */
instance.web.list.columns.add('field.image','instance.web.list.FieldBinaryImage');

/* Define a method similar to the one for forms to render image fields */
instance.web.list.FieldBinaryImage = instance.web.list.Column.extend({
/**
 * Return a image to the binary field of specified as widget image
 *
 * @private
 */
_format: function (row_data, options) {
        var placeholder = "/web/static/src/img/placeholder.png";
        var value = row_data[this.id].value;
        var img_url = placeholder;

        if (value && value.substr(0, 10).indexOf(' ') == -1) {
    /* Data inline */
    /* FIXME: can we get the mimetype from the data? */
    img_url = "data:image/png;base64," + value;
    } else {
    /* Data by URI (presumably slow) */
    img_url = instance.session.url('/web/binary/image', {model: options.model, field: this.id, id: options.id});
        }
    /* FIXME: move the 30px stuff to something templateable */
    return _.template('<image src="<%-src%>" width="30px" height="30px"/>', {
    src: img_url,
    });
}
});
}

The module is available on github, but I can't post link. [github.com / hsd / listview-images]

Avatar
Discard

Thanx a lot Sir.......it worked out to be really good!!!!

Best Answer

In tree view, is it not possible to add images, as stated in the other answer.

But, what you can do, as a workaround, is define your image as the icon (.png) of a button, and then, add the button without any action to the tree view.

It is not elegant, but is the only way I found to make something like this. Obviously, the image will be small and all, but, well, is something...

Hope it helps!

Avatar
Discard

Hi Lucio, your solution is correct, now my question is how you define a product image as a button icon?

Best Answer

You can't show image in tree view. If you want you can create a Kanban view and insert the image inside. To see how a Kanban view works, you can see as example the partner view.

Avatar
Discard
Author

what if we dont want kanban view , but den also want display the image . is it possible in openerp v7

In this case you can create a kanban view with images only. In tree this impossibile.

Related Posts Replies Views Activity
3
Feb 18
7971
0
Mar 15
2908
1
Mar 15
10497
2
Oct 24
11155
0
Mar 15
6069