Print Page - how to bind a keyup function to searchbox?

Title: how to bind a keyup function to searchbox?
Post by: r2ferna on December 13, 2013, 11:54:02 AM

Hi.
I'm using a searchbox as a continuous filter box.
I mean: On every key typed in the searchbox the content's datagrid is filtered.
I need to resolve two issues:

1) How to bind a keyup function to searchbox?

This is the searchbox

Code:

    
<input id="inpSearch2" class="easyui-searchbox" style="width:250px"
        data-options="prompt:'Tecleé aquí lo que deseé filtrar.'"></input>

I have tried this:

Code:

  $('#inpSearch2').searchbox('textbox').keyup(function () { lk2_filtroLocal(this,'dg'); });

and this:

Code:

  $('#inpSearch2').bind('keyup',function(){alert('hola')});

with no luck.

2) How to get the searchbox button (magnifier glass) to disable it?

Please can you help me?
MTIA.

Title: Re: how to bind a keyup function to searchbox?
Post by: stworthy on December 13, 2013, 05:10:25 PM

Please try this code again, it works fine.

Code:

$(function(){
	$('#inpSearch2').searchbox('textbox').keyup(function(e){
		console.log(e.keyCode);
	});
});

Title: Re: how to bind a keyup function to searchbox?
Post by: r2ferna on December 16, 2013, 08:49:46 AM

Ok,
I had that line of code to the end of the $(function() , so i moved it just after the $(function() definition line, and Yes, it Works now!!

Please, how can I get the searchbox magnifier ?

Thanks again!!

Title: Re: how to bind a keyup function to searchbox?
Post by: vladj on December 19, 2018, 10:49:53 AM

.. or you can bind custom validator to the searchbox. It's like:

Code:

$.extend($.fn.validatebox.defaults.rules, {
    valdatorFunction: {
        validator: function(value, param) {
			if (value == undefined) 
				return true;
                        // validate value here. If OK - return true, else - false
        },
        message: 'Invalid syntax'
    }
});

and also

Code:

	$('#search').searchbox({
    	searcher: doSearch,
	    prompt: 'Enter search string'
	})
	.searchbox('textbox').validatebox({          // set custom validator
		   required: false,
		   validType:'validatorFunction[0]'     // [0] is the parameter passed to validator function
	});
}

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: r2ferna on December 13, 2013, 11:54:02 AM