Datagrid filter row and validatebox

[proceno72]

I'm using datagrid filter row extension with remoteFilter option enabled and it works fine.
Now I'd like to avoid that filter action starts when typed text lenght is less then 3 char. This is my code to enable this filter:

Code:

dg.datagrid('enableFilter', [{
   field:'description',
   type:'validatebox',
   options: {validType:'minLength[3]'},
   op:['contains','equal','notequal','beginwith','endwith']
}]);

The validatebox object works fine (I see the expected alert message for too short string), but it's always possible to apply the filter.
Any idea?

[jarry]

The 'onBeforeLoad' event fires before loading the remote data. Returning false will abort the request to the server.

Code:

$('#dg').datagrid({
	remoteFilter:true,
	onBeforeLoad: function(){
		var opts = $(this).datagrid('options');
		for(var i=0; i<opts.filterRules.length; i++){
			var rule = opts.filterRules[i];
			if (rule.field == 'description'){
				if (rule.value.length < 3){
					return false;
				}
			}
		}
	}
});

[proceno72]

The 'onBeforeLoad' event fires before loading the remote data. Returning false will abort the request to the server.

Thanks jarry, your code could be a good start point but on my datagrid I'm using pagination option; when I change page with invalid filter field nothing happens (so your code works fine) but page indicator changed always. How to avoid this?
Another good solution could be to avoid the load data event if the filter is not valid.
For example, is there a way to use "onClickMenu" event introduced by filter-row extension, to avoid adding a filter rule not validated by validatebox?

[jarry]

Yes, you can use the 'onClickMenu' event to prevent from adding a new rule, before using this feature please download the newest 'datagrid-filter.js' file from http://www.jeasyui.com/extension/datagrid_filter.php.

Code:

$('#dg').datagrid({
	onClickMenu: function(item,button,field){
		if (field == 'description'){
			var c = $(this).datagrid('getFilterComponent', field);
			if (c.val().length < 3){
				return false;
			}
		}
	}
});

[proceno72]

Perfect jarry, it is what i'm looking for