HTML Elements Forums Forms & Editors Text Boxes & Inputs smart-input and reactive data source?

This topic contains 1 reply, has 2 voices, and was last updated by Avatar Yavor Dashev 2 weeks, 1 day ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #101295
    Avatar
    davout
    Participant

    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>

     

    #101297
    Avatar
    Yavor Dashev
    Participant

    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/

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

You must be logged in to reply to this topic.