datagrid scrollview breaks updateRow due to getRows

[tomhj]

I'm using the scrollview view for virtual scrolling through a large dataset.  I need to update a row using the updateRow method which takes an index and the new row data.

What I'm finding is this works fine for the first page full of rows (first 40 rows), but as soon as I try to update a row in a subsequent page (say row 45), I get errors inside scrollview's renderRow method.  I tracked it down in a debugger to a problem with datagrid's getRows method only returning the first page full of rows - only the first 40 it seems.  But rowIndex is 45 so a reference to rows[rowIndex] causes problems.

I think what is needed is for the datagrid to support a getRow method that takes the index and returns the row of data.  Relying on getRows[rowIndex] to get the row doesn't work when virtual paging is used.  getRow would need to call into the view to get the data row.  Clearly there are two cases:  a) row is present in the current page of data and b) row is not.  First case is easy, second is not because it would involving a request to fetch the page of rows containing the requested rowIndex - which of course would not be synchronous.

Is there another way to do this that I'm not seeing?

[stworthy]

Please refer to this example http://jsfiddle.net/cQTe6/. Select a row and click the 'UpdateSelectedRow' button, you will see the 'name' field value of selected row is updated to 'updatedname'.

[tomhj]

That only works because the loadData call passes the entire array of 8,000 rows.

I changed the example to hook up a real backend using the 'url' property to fetch the data one page of 50 rows at a time.  After row 50, it does not work anymore.

[stworthy]

Please visit this example http://www.jeasyui.com/tutorial/datagrid/datagrid27_demo.html. Select a row and run the code below on the 'Console' panel of browser, it works fine.

Code:

var dg = $('#tt');
var row = dg.datagrid('getSelected');
if (row){
	var index = dg.datagrid('getRowIndex', row);
	dg.datagrid('updateRow',{
		index:index,
		row:{name:'updatedname'}
	});
}

Be sure you are using the newest scroll view file. If not, download it from http://www.jeasyui.com/extension/datagridview.php and include it into your page.

[tomhj]

Finally got back to working on this...

The problem turned out to be fixed in the latest scrollview.

Thanks,
Tom