jQuery UI Widgets Forums Angular jQWidgets and Reactive forms

This topic contains 4 replies, has 3 voices, and was last updated by  Peter Stoev 6 years, 11 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • jQWidgets and Reactive forms #94500

    adrenalinedj
    Participant

    Hello,

    I wanna know if jQWidgets can be used with Reactive Forms.
    If so, do you have some example, please ?

    Thanks in advance.

    jQWidgets and Reactive forms #94511

    Ivo Zhulev
    Participant

    Hi adrenalinedj,

    Yes, jQWidgets is fully compatible with Reactive Forms. We will soon have a full featuring example of it.

    For now look at this example:

    reactive form control with native HTML Elements:

    <form [formGroup]="stepOneForm" novalidate>
        <div class="form-group">
            <label class="center-block">Email:
    
                <input formControlName="email">      <<<---------------------
    
            </label>
            <div *ngIf="errMsgs.email.length" class="alert alert-danger">
                <ul>
                    <li *ngFor="let error of errMsgs.email">
                        {{error}}
                    </li>
                </ul>
            </div>
        </div>
    </form>

    reactive form control with jQWidgets Angular Elements:

    <form [formGroup]="stepOneForm" novalidate>
          <div class="form-group">
              <label class="center-block">Email:
    
                  <jqxInput formControlName="email"></jqxInput>      <<<---------------------
    
              </label>
              <div *ngIf="errMsgs.email.length" class="alert alert-danger">
                  <ul>
                      <li *ngFor="let error of errMsgs.email">
                         {{error}}
                      </li>
                  </ul>
              </div>
          </div>
    </form>

    As you can see all you need to do is replace the native controls with jQWidgets one’s.
    Everything else is the same.

    Best Regards,
    Ivo

    jQWidgets Team
    http://www.jqwidgets.com/

    • This reply was modified 6 years, 11 months ago by  Ivo Zhulev.
    • This reply was modified 6 years, 11 months ago by  Ivo Zhulev.
    jQWidgets and Reactive forms #94514

    adrenalinedj
    Participant

    Nice.
    Thanks for the example.

    Does this works with Combobox and Dropdownlist ?
    Does this works with form validation ?

    • This reply was modified 6 years, 11 months ago by  adrenalinedj.
    jQWidgets and Reactive forms #94552

    adrenalinedj
    Participant

    Do you have any example with ComboBox (or DropdownList) ?

    jQWidgets and Reactive forms #94554

    Peter Stoev
    Keymaster

    We still do not have samples with the DropDownList or ComboBox Angular components. As soon as we build additional samples, we will upload them on the http://www.jqwidgets.com/angular/ and will add them to the documentation page.

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

You must be logged in to reply to this topic.