[CLOSED] GridView GetRowClass: not working with RowExpander plugin

[capecod]

Hi,
simple as that. When using the RowExpander plugin, the GetRowClass is not applied to the rows.

[capecod]

Hi,
if this takes time to be solved, i'm looking for any hints to a workaround for what i'm trying to achive.

I have a grid with the row-exapnder.
Each row, when expanded, contains another gridpanel.
I need to do Drag&Drop on the rows of the main gridPanel.

I'd like to have a custom class so i have a specific selector for the getTargetFromEvent() :

            getTargetFromEvent: function (event) {
                return event.getTarget('droppable-row');
            }

In this way i avoid to select the inner rows instead of the ones in the main grid.

Thanks ;)

[Daniil]

Hi capecod,

Yes, RowExpander overrode the getRowClass method.

You could override it one more time in according to your requirements.

Example

<style type="text/css">
    .myClass {
        color: Red;
    }
</style>

<ext:ResourcePlaceHolder runat="server" Mode="Script" />
    
<script type="text/javascript">
    Ext.grid.RowExpander.override({
        getRowClass: function(record, rowIndex, p, ds) {
            p.cols = p.cols - 1;
            var content = this.bodyContent[record.id];

            if (!content && !this.lazyRender) {
                content = this.getBodyContent(record, rowIndex);
            }

            if (content) {
                p.body = content;
            }

            return this.state[record.id] ? "x-grid3-row-expanded myClass" : "x-grid3-row-collapsed myClass";
        }
    });
</script>

Here is the original code:

getRowClass: function(record, rowIndex, p, ds) {
    p.cols = p.cols - 1;
    var content = this.bodyContent[record.id];

    if (!content && !this.lazyRender) {
        content = this.getBodyContent(record, rowIndex);
    }

    if (content) {
        p.body = content;
    }

    return this.state[record.id] ? "x-grid3-row-expanded" : "x-grid3-row-collapsed";
}

[capecod]

I solve it in another way.

On the AfterRender Listener of the main GridPanel:

            ovverideRowClass: function (item) {
                var rowExpander = item.getRowExpander();
                var getRowClass = rowExpander.getRowClass.createDelegate(rowExpander);
                item.view.getRowClass = function (record, rowIndex, p, ds) {
                    return getRowClass(record, rowIndex, p, ds) + " droppable-row";
                };
            },

In this way afftects only this specific RowExpander.