How to filter with the search text box after press enter key?

pawel

Hi Allan,

First of all, congratulations for your plugin, has been really useful for me !.

I'm working with a web service for the server side processing and it gives me every time the result of manage differents databases so...i wonder if there is any chance to change the input text box filter to search only after press the enter key. I've been trying to change the original code, (c.keyup and c.keypress), for this issue but it never works ! Has anyone got it? Could you give me some clue how to get it?

Regards,
Pawel.

allan

What to do is to just unbind the keypress event handler that DataTables puts on the input box, and then add your own which will call fnFilter ( http://datatables.net/api#fnFilter ) when the return key (keyCode 13) is detected.

Allan

pawel

Hi Allan,

Thanks for replying. I guess that u mean something like this ?

$("thead input").keyup( function () {
if (this.value == 13)
oTable.fnFilter( Vals.value ) );
else
Vals += this.value;
} );

I haven't tried this code yet but my question is....how to set this functionallity to the default search text box?

Regards,
Pawel.

allan

More like this:

[code]
$("div.dataTables_filter input").keyup( function (e) {
if (e.keyCode == 13) {
oTable.fnFilter( this.value ) );
}
} );
[/code]
What you want to do is unbind the event handler DataTables adds ( http://api.jquery.com/unbind/ ) and then attach your own with the code above. That will then act as a filter with the return key.

Allan

pawel

Lovely ! I'm gonna try it and I'll post the code to help anyone that wants to do the same.

Thanks for your time Allan and congratulations again for your work,

Cheers,
Pawel.

pawel

Hi Allan,

It was really simple to change, here is the code

[code]
$(document).ready(function() {
var oTable = $('#test').dataTable( {
"bPaginate": true,
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": true } );
$('#test_filter input').unbind();
$('#test_filter input').bind('keyup', function(e) {
if(e.keyCode == 13) {
oTable.fnFilter(this.value);
}
});
} );
[/code]

Thanks for your time, hope it helps !

Regards,
Pawel.

mathieufannee

This worked for me too. Thanks a lot!

crunchfactory

Hi Allan,
A little stumped, how is this done with the 1.10 build?

Trying to figure out an alternative to oTable.fnFilter(this.value);

allan

What's wrong with using fnFilter? The old API is still present and can still be used. Or you can use the new API's search() method. (remember also how to access the new API).

Allan