EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jaimi on November 11, 2014, 11:34:01 PM

Title: datagrid search with enter key
Post by: jaimi on November 11, 2014, 11:34:01 PM

Hello,
after putting a value within the search field of a datagrid, I want to activate the search submit button with the enter-key.

How can I do that?

ths, Jaimi

Title: Re: datagrid search with enter key
Post by: stworthy on November 11, 2014, 11:51:31 PM

The 'searchbox' component has built-in searching functionality. The 'searcher' function will be called when the user enters something and press ENTER key.

Code:

<input class="easyui-searchbox" style="width:300px" data-options="
		prompt:'Please Input Value',
		searcher:function(value){
			alert('You input: '+value);
		}
		">

Title: Re: datagrid search with enter key
Post by: jaimi on November 12, 2014, 11:26:03 PM

Thanks this works. Is there a possibility to avoid the search-icon within the field?
thx, Jaimi

Title: Re: datagrid search with enter key
Post by: stworthy on November 13, 2014, 01:34:14 AM

You can set the 'iconWidth' property to 0 to hide the searching icon.

Code:

<input class="easyui-searchbox" style="width:300px" data-options="
		prompt:'Please Input Value',
		iconWidth:0,
		searcher:function(value){
			alert('You input: '+value);
		}
		">

Title: Re: datagrid search with enter key
Post by: jaimi on November 17, 2014, 01:06:43 AM

thanks, that works.