formatter -> get the field (column)

Hello, I am using this fabulous pluggin with xeditable. I wish to let users edit images. I know that’s not work, but i have found a work around : -> I show the url of the image in the editable field, -> I show the image just below using the formatter

the pb is that I need the column variable in the formater function in order to set the data-name attribute.

Here is the formatter function

function show_image(value, row, index) {
    return [
        '<a  data-type="text" data-value="'+ value +'" data-pk="1" data-name="" href="javascript:void(0)" class="editable editable-click">'+ value +'</a><img src="'+ value +'" style="max-height:100px">'
    ].join('');
};

[wenzhixin]

You can use formatter to save the field name:

{
    title: 'Name',
    field: 'name',
    formatter: function () {
        return '<input type="checkbox" data-field="' + this.field + '>"';
    },
    events: {
        'change :checkbox': function (e, value, row, index) {
            var field = $(this).data('field');
            if ($(e.target).prop('checked')) {
                row[field] = "1";
            } else {
                row[field] = "0";
            }
            // Call updateRow, etc.
        }
    }
}

[wenzhixin]

@arthipesa, try this:

var fields = $('#table').bootstrapTable('getVisibleColumns').map(function (column) {
  return column.field;
});
// fields[fields.indexOf(this.field) + 1];
// fields[fields.indexOf(this.field) - 1];