Friday, May 25, 2012

Using Automatic Search Bar

The Quick Find box is used to perform quick searches of the data. If a more specific query needs to be composed, the Search Bar is a readily available option. The Search Bar can be activated by clicking on the Chevron icon Automatic Search Bar on the action bar next to Quick Find.

Click on the chevron icon to the left of Quick Find to open the Search Bar.

The Search Bar will open under the action bar. By default, the first three visible data fields are available for filtering.

Developers can preconfigure the search bar to display specific fields and available filtering operations when the action bar is activated for the first time. The search bar may be displayed on start without retrieving the first page of data in page data views and lookup fields.

Employee grid view with Advanced Search Bar activated.

The first dropdown allows you to select a filter field. Visible and hidden data fields are available for selection.

The first dropdown on the Search Bar determines the field.

The second dropdown specifies the filter operation on the field. The type of the field determines which operations are available. The filter operations are configurable.

The second dropdown on the Search Bar determines the filter operation.

Enter your filtering parameters in the textbox. The textbox has autocomplete capabilities.

Search parameter field has auto complete capabilities.

If the filter parameters are dates, then a date picker is available.

image

You can clear a filter by clicking the Clear Filter iconClear Filter on the right side of the input field.

Clear the filter using the Clear Filter icon on the right side of the field.

You can add additional filters by clicking on the Plus iconAdd Filter or on the link Add search condition at the bottom of the search bar. Remove a filter by clicking on the Minus icon Remove Filter to the right of the filter.

Add search condition by clicking on the '+' icon.

The Reset button on the right side will reset the filter parameters in the search bar to match the current filter in the grid view.

The Reset button resets the filter to match the grid filter.

You can close the Search Bar and bring back Quick Find by clicking on the Chevron icon Advanced Search on the left side of the action bar.

Close or open the search by clicking on the chevron icon on the left side of the action bar.

No comments:

You can find more about Code OnTime Generator, Data Aquarium Framework, and other great products here.


© 2010 Code OnTime LLC. Intelligent code generation software for ASP.NET. Visit us at http://codeontime.com