Remote search #

Enter keywords and search data from server.

Remote search refers to the process of accessing and searching for information stored on a data base.

The process of remote search generally involves the following steps:

Query: The user submits a query or search request to the remote server, specifying the search criteria and parameters.

Search: The remote server searches its database and returns the results to the user.

Display: The search results are displayed to the user in the select.

Basic Usage #

idKey and labelKey are two important properties used in remote search components, to define how search results are displayed and returned to the user.

The idKey property specifies the name of the property in the remote data source that uniquely identifies each item in the search results. This is typically a unique identifier, such as ID. When the user selects an item from the search results, the value of the idKey property is returned as the selected item.

The labelKey property, on the other hand, specifies the name of the property in the remote data source that contains the text or label to be displayed for each item in the search results. This is typically the name or description of the item. When the search results are displayed to the user, the value of the labelKey property is used to render the label or text for each item in the list.

Together, the idKey and labelKey properties allow the remote search component to retrieve and display search results from a remote data source in a way that is both meaningful and efficient for the user.

entityType is a property used in remote search components to specify the type of entity being searched for.

A query filter is a feature commonly used in databases and data retrieval systems to limit the results of a query based on specified conditions.

When querying a database, a filter can be applied to the query to return only those records or rows that meet a particular set of criteria.

<RemoteSearch
  v-model="value"
  entity-type="Post"
  label="Post"
  placeholder="Select post"
  id-key="id"
  label-key="tile"
  image-url-key="image.url"
  :filter="{ organizationId: 'xxx' }"
  loading-text="Posts are loading"
/>