I can't demonstrate problems with onLoadSuccess(). For example, my app doesn't stop on breakpoints I placed inside onLoadSuccess() if I use Chrome but it's everything ok if I use Firefox (or there are not popup alert messages I place inside onLoadSuccess() in Chrome but they appear in Firefox).

The seconde problem with filters is in this post: https://www.jeasyui.com/forum/index.php?topic=7071.0 You can take a glance on my screenshots. I have this problem if I use both scrollview and filters. If I use filters without scrollview, it's everything ok.

I tried to run my program in FireFox and onLoadSuccess works fine but in Chrome it doesn't work if I use the scrollview property. What might be the problem with Chrome?

Hi!
I have a couple of problems with a datagrid scrollview extension.
If I use a filter with the scrollview, I lost data I typed in row's editors when the filter doesn't return rows. Jarry gave me an example but he uses edatagrid in his example. However, the filter works fine without the scrollview extension.

The second problem is that onLoadSucces doesn't fire if I use the scrollview property with my datagrid. I tried to download a version of the scrollview extension form here http://www.jeasyui.com/extension/datagridview.php but it's still not working. Can you help me?

You're right, your example works as I need, but what might be the problem with my code? Do you have any ideas?

Hello, I have a problem with filtering a datagrid which has a view property setting up to scrollview. The problem looks like that. I edit a row in a table, than I input something in a filter field and there is no results in a table. After that I clear a filter and data I typed before lost. You can see it on screenshots.

Hi again!
The filter works fine but I can't get all the rows from the datagrid. In total I have about 2500 rows, if I apply the filter, I can get rows appeared after I filtered the table, but I can't get all the rows. I use the following code to get the rows:

Code:

var data = $('#productTable').datagrid('getData');

Is it possible to get all the rows?

For example, I need to get the total sum in the specified column, I do it like this:

Code:

function getAllRows(){
	var data = $('#productTable').datagrid('getData');
	return data.firstRows;		
}

	var rows = getAllRows();
	var sum = 0.0;
	for(var i=0; i<rows.length; i++){
		sum += parseFloat(rows[i]['total']);
	}

The other problem is that if I need to edit a row, I recieve inside the onDblClickRow:function(index, target) index which is == 1300 for example, but I have 100 rows after I applied a filter, consequently, if I try to get editors of this row in the onBeginEdit

Code:

onBeginEdit:function(rowIndex) {
     var editors = $(this).datagrid('getEditors', rowIndex);
}

I have an error, because there is no such a row with the specified index in the table.

P.S. I use view: scrollview with my datagrid.

Hi Jarry, it works, thank you!

Hello, I tried to use filter with my datagrid and I have got an error:

Code:

jquery.easyui.min.js:10816 Uncaught TypeError: $.fn.datagrid.methods[_7cc] is not a function
    at m.fn.init.$.fn.datagrid (jquery.easyui.min.js:10816)
    at HTMLDocument.<anonymous> ((index):35)
    at j (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at Function.ready (jquery.min.js:2)
    at HTMLDocument.J (jquery.min.js:2)

How can I solve this problem?

I tried to use this source codehttps://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=DataGrid%20Filter%20Row but it doesn't work in my browser.

The 35th string is

Code:

dg.datagrid('enableFilter', [{

Hi stworthy! It works perfect, thank you.

Hi all!

I have a datagrid on my page. It has about 2500 rows and 11 columns (and 5 editros in a row). If I try to start to edit a row, it has about 10 seconds to switch to the edit mode. In the chrome dev tools I measured performance and it looks like this. I think the bottleneck is rendering. Can I do something to improve it?

P.S. autoRowHeight is false in my case.

Thanks!

I solved the problem. I rewrite my code using onDblClick, so I enter in the edit mode without formatter. In this case the table doesn't scroll up.

Hello, I have a problem with datagrid. When I'm trying to edit a row in a datagrid table the entire page scrolls up so I can't see the raw I want to edit and I need to scroll the page down. I use formatter with the following code:

Code:

	function formatAction(value,row,index){
		if (row.editing){
			var s = '<a href="#" onclick="saverow(this)">Save</a> ';
			var c = '<a href="#" onclick="cancelrow(this)">Cancel</a>';
			return s+c;
		} else {
			var e = '<a href="#" onclick="editrow(this)">Edit</a> ';
			return e;
		}
	}

and an edit function:

Code:

	function editrow(target){
		var rows = $('#productTable').datagrid('getRows'); 
		var row = rows[getRowIndex(target)]; 		
		$.ajax({
			url: 'getVolume.php?product=' + row.name,
			success: function(data) {
				var col = $('#productTable').datagrid('getColumnOption', 'volume');
				col.editor.options.data = eval(data);
				if (row.isProduct == 'true')
					$('#productTable').datagrid('beginEdit', getRowIndex(target));				
			}
		});		
	}

So how can I set the focus on the row I'm editing? I've read this topic (https://www.jeasyui.com/forum/index.php?action=printpage;topic=3138.0) and I can set a focus on the selected row, but I still cant see this row and I need to sroll down the page.

Hello,

I'm trying to get editors in onEndEdit. The documentation says that "onEndEdit Fires when finishing editing but before destroying editors" but I can't get editors, an array I receive is empty. Please take a glance at the image below.

Any ideas?