Excuse me, how to realize input box search query in small programs?

It is a common scene to enter text information in the input box to search. Today I will take you step by step to complete this function.

The results show that the final search query is achieved by adding query events in the event center and adding an interface for the query events to filter the search results.

Note: In the data center, you can create data tables of your own applications. The types of data tables are divided into user table, commodity table, order table and user-defined table.

Click on the data center

Create data table

This field contains name, avatar and introduction.

Creating Events Note: Events are abstract logic that links data with interface elements and components. Data tables are connected with interface element components through events.

Click on the event center

Create a query event

Note on trigger configuration: Create a trigger in the trigger setting panel of the inspector panel, which can set the components in the interactive logic or perform dynamic data operation with events.

Select the search icon

Click the trigger in the inspection panel.

Create trigger

Binding data Note: Binding data can bind the data returned by the event with the display content of the component.

Select the list entry for the loop container.

Click Data Binding and Settings in the Inspection Panel.

Binding data

In this way, the search and query functions of the input box can be realized.