YouTip LogoYouTip

Plugins Base Searchbox

# jQuery EasyUI Basic Plugin - Searchbox * * jQuery EasyUI Plugins](#) * * * Override the default defaults via $.fn.searchbox.defaults. The searchbox prompts the user to enter a search value. It can be combined with a menu, allowing the user to select different search categories. The search action is executed when the user presses the ENTER key or clicks the search button on the right side of the component. !(#) ## Dependencies * menubutton ## Usage #### Creating a Searchbox 1、Create from markup. Add the 'easyui-searchbox' class to the tag. function qq(value,name){ alert(value+":"+name) }
All News
Sports News
2、Create programmatically.
All News
Sports News
$('#ss').searchbox({ searcher:function(value,name){ alert(value + "," + name) }, menu:'#mm', prompt:'Please Input Value'}); ## Properties | Name | Type | Description | Default | | :--- | :--- | :--- | :--- | | width | number | The width of the component. | auto | | height | number | The height of the component. This property is available since version 1.3.2. | 22 | | prompt | string | The prompt message displayed in the input box. | '' | | value | string | The input value. | '' | | menu | selector | The menu for search types. Each menu item can have the following attributes: name: The name of the search type. selected: The currently selected search type name. The following example demonstrates how to define a selected search type name.
Search Item1
Search Item2
<div data-option
← Plugins Base ProgressbarPlugins Base Pagination β†’