smart-input and reactive data source? - Smart UI Components

This topic has 1 reply, 2 voices, and was last updated 3 years, 10 months ago by yavordashew.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
January 6, 2021 at 5:26 pm #101295
davout
Member
I’m trying to build a form that includes a drop down list box where the data source is a reactive Observable. Is this supported ?
```
<smart-input placeholder="Select folder" dropDownButtonPosition="right" [dataSource]="folders$ | async">
```
Rather than using ‘datasource’ is it possible to add the items in the html? Like…
```
<smart-input placeholder="Select folder" dropDownButtonPosition="right" >
  <option />
</smart-input>
```
January 7, 2021 at 9:36 am #101297

yavordashew
Member

Hi davout,
Our component doesn’t support to add items in the html. For your case maybe it will be more reasonable to use ‘<smart-drop-down-list>’ component.
In the ‘<smart-drop-down-list>’ you can add items in the html similar to what you want to achieve with the ‘smart-input’.
Here is a little example of the drop-down-list component:
<smart-drop-down-list selected-indexes=”[0]” filterable>
<smart-list-item value=”1″>Affogato</smart-list-item>
<smart-list-item value=”2″>Americano</smart-list-item>
<smart-list-item value=”3″>Bicerin</smart-list-item>
<smart-list-item value=”4″>Breve</smart-list-item>
</smart-drop-down-list>
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.