Extjs Grouped Grid checkcolumn change actual rowIndex

Question

I am using grouped grid containing a checkcolumn. I need to control the selection of the check boxes , that is allow or not allow selection. I use the beforecheckchange function to do that. To explain the issue consider the scenario. There are five group each containing 3 rows out of which only the last group is only expanded. If I would selected last row check column, the rowIndex that would be returned would be 2, because only 3 rows are visible. That is virtual or visible rowindex is returned how to know/get the actual row index without all the group being expanded.

My Bushiness requirement requires me know the exact row index to get the record from the store. The check column is mapped with data/record from the store that allows me to take decision to allow check on the check check box. Also one from lower group is checked then same level check box from higher need also be checked.

I am using ExtJS 5.x.x framework.

I have checked the same issue exists with tree grid.

Thanking you in advance.

Guilherme Lopes Guilherme Lopes · Accepted Answer · 2014-10-21T04:48:41

I believe that this would solve your issue:

// You checkcolumn listeners
listeners: {
    beforecheckchange : function(component, rowIndex, checked, eOpts) {
        var row = component.getView().getRow(rowIndex),
            record = component.getView().getRecord(row),
            realIndex = component.getView().ownerCt.getStore().indexOf(record);
        console.log(rowIndex, realIndex);
    }
}

Demonstration Fiddle: https://fiddle.sencha.com/#fiddle/c3e

Extjs Grouped Grid checkcolumn change actual rowIndex

2 Answers