rxweb/rxweb

freshdev1

@freshdev1

Any ideas as to why this is happening.

In the above case all the formgroups have VALID Status. Do not understand as to why this is happening.

Ajay Ojha

@ajayojha

@freshdev1 As I can see that you are creating a FormGroup through model then it's preferable to use 'formGroup' method instead of 'group' method.

@tutods_twitter there is one alternative to make this work as I provided a solution in the past to someone, but I forgot what was that, will update soon.

@kalathiyan will update you soon.

Ushmidave

@Ushmidave

@kalathiyan passing or string value is not possible using startsWith validator you can create a feature request for the same

@radixdt2020 any update on your issue ?

freshdev1

@freshdev1

@ajayojha thanks for the response, it worked. I did remember I used formGroup first but it was not working. But this works now. Thanks a lot sir.

radixdt2020

@radixdt2020

@Ushmidave Still not face any issue in rxwebcore version 1.1.6.

Ushmidave

@Ushmidave

@radixdt2020 What issue are you facing now ?

freshdev1

@freshdev1

Hello everyone. Any idea if I can disable the whole formGroup based on a condition through model decorator?

I tried to apply disable using the @model decorator but it doesn't work.

disable is not a supported I believe.

freshdev1

@freshdev1

@ajayojha This do not work:

export class TenantContractGeneralInformation {

    @disable({conditionalExpression:function(control:AbstractControl){return true; }})
    @prop()
    ContractNumber: string = '';

    @disable({conditionalExpression:function(control:AbstractControl){return true; }})
    @prop()
    ExternalContractNumber: string = '';

    AccountGUID: string = '';

    @required({ message: "FIELD_REQUIRED" })
    WorkerCity: string = '';

Any intended reason behind this? How do we mark fields as disabled if we want to without a second property.

freshdev1

@freshdev1

Guys this is my model

 @required({ message: "FIELD_REQUIRED" })
    @date({ message: "INVALID_DATE", allowISODate: true })
    @minDate({ value: new Date().toDateString(), message: "INVALID_DATE", allowISODate: true, fieldName:'ContractStartDate', operator: ">"  })
    ContractExpiryDate: Date;

and template:

<div class="col-4">
        <div class="form-group">
          <label for="ContractStartDate"
            class="control-label">{{ "TENANT_CONTRACT.GENERAL_INFORMATION.CONTRACT_START_DATE" | translate }}</label>
          <div class="form-group mycustom">
            <input type="text" autocomplete="none" class="form-control" placeholder='{{"SELECT_DATE" | translate}}'
              name="ContractStartDate" ngbDatepicker #dpContractStartDate="ngbDatepicker"
              formControlName="ContractStartDate" 

              />
            <div class="input-group-prepend">
              <button class="btn" (click)="dpContractStartDate.toggle()" type="button">
                <i class="far fa-calendar-alt"></i>
              </button>
            </div>
          </div>
          <small class="text-danger" *ngIf="generalInformationGroup.controls.ContractStartDate.errors">
            {{ generalInformationGroup.controls.ContractStartDate.errorMessage || 
              generalInformationGroup.controls.ContractStartDate.errors.date.message || 
              generalInformationGroup.controls.ContractStartDate.errors.mindate.message | translate }}</small>
        </div>
      </div>

I keep getting the invalid date error. can't apply min date validation

freshdev1

@freshdev1

@ajayojha dude can you tell me what mistake I am doing above.

MINDATE error is not removing

Nikunj V Kalathiya

@kalathiyan

HI RxTeam,
in above image SelectedJournal is object, is there any any way to bind that object instead of journalId in rx-select ?

freshdev1

@freshdev1

Group anybody who has faced the min error I mentioned above.

Any help would be appreciated. I don't understand where I am wrong.

freshdev1

@freshdev1

Anybody happen to use it with Template driven form?

I am finding it extremely hard to get it to work

it gives the following error:
Can't bind to 'rxwebform' since it isn't a known property of 'form'

freshdev1

@freshdev1

https://stackblitz.com/edit/complete-rxweb-angular-reactive-form-validator-example-yf3bjn?file=src/app/app.module.ts

Guys its not working here also.

Can anyone suggest what error I am making.

freshdev1

@freshdev1

fixed it. F has to be capital...

freshdev1

@freshdev1

now added a numeric validation. but it is not working

https://stackblitz.com/edit/complete-rxweb-angular-reactive-form-validator-example-yf3bjn?file=src/app/app.component.html

freshdev1

@freshdev1

I think I will have to dump this product..... There is no support from the community around it.

I have been struggling so much but haven't got any response on anything to this date

Ushmidave

@Ushmidave

@freshdev1 template driven validation is applied along with the prefix rx, incase of numeric validation using [rxnumeric], Please refer to this example

freshdev1

@freshdev1

@Ushmidave thank you sir. But I do not see this in the documentation. I tried everything to get it to work.

but it works now in your example thank you. I will incorporate and comeback in case still it is not working.

Ushmidave

@Ushmidave

@freshdev1 the documentation of template driven numeric validation is present here

freshdev1

@freshdev1

Thank you for the guidance.

elharmouchi

@elharmouchi

hello , please how to validate that user must check at less one checkbox using decorator based validation approach with rxweb

thank you

Ushmidave

@Ushmidave

@elharmouchi i suggest you to use oneOf validation decorator for the described case : https://docs.rxweb.io/form-validations/oneOf/decorators

elharmouchi

@elharmouchi

@Ushmidave thank you pro

Nikunj V Kalathiya

@kalathiyan

Hi RxTeam
in rx-select do we have any provision to disable option from dropdown ?

like this ?
New York is disabled

freshdev1

@freshdev1

var docsControls = this.contractForm.controls["TenantContractDocuments"] as FormArray;
    docsControls.clear();
    docsControls = new FormArray([]);

    this.contractForm.controls["TenantContractDocuments"] = <RxFormArray> docsControls;

    documentsArray.forEach((element: DocumentModel) => {
      let docGroup = this.formBuilder.formGroup(DocumentSubmission);

      let document = element as DocumentSubmission;

      docGroup.patchValue(document);
      docsControls.push(docGroup);
    });

I don't know why when I try to get the this.contractForm.modelInstance under TenantContractDocuments I find there is an array but without any values

Ushmidave

@Ushmidave

@freshdev1 The purpose of modelInstance property to access the value of model object it will bind the value if there exist a value assigned to the particular property, for more clearity have a look at this stackblitz

freshdev1

@freshdev1

i can see value in model Object but it does not translate to modelInstance

@Ushmidave my scenario is that I want to empty all the controls or objects from the FormArray, create a new one and then when I am submitting just call this modelInstance and paste the model to my API

Where communities thrive

People

Repo info

Activity