On wijmo controls change detection is not working

On wijmo controls change detection is not working

Posted by: sbanerjee on 16 May 2018, 1:16 am EST

• 

  sbanerjee

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 16 May 2018, 1:16 am EST

  I am using wijmo Controls and flexgrid but change detection is not working on wijmo control while html controls like input ,select controls is working change detection.

  i am creating instance of form

  @ViewChild('fnote') fnotes;

  this.fnotes.valueChanges.subscribe(val => {
  
  alert('changed ');

              });
  

  But the wijmo control like wj-input-number,wj-input-date,wj-flex-grid not responding.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 17 May 2018, 4:21 am EST

  Hi,
  
  We are sorry, we are unable to replicate the issue at our end with latest build.
  
  Please refer to the following sample for the same:
  
  https://stackblitz.com/edit/angular-syqnkj?file=app/app.component.html

  Please modify the sample depicting your issue if the issue persists.

  ~Manish

• 

  sbanerjee

  • Post Options:
  • Link
    Copy

  Posted 22 May 2018, 7:32 am EST

  I am using wijmo 5.20171.282 license version

  i am binding control like below.

   <wj-input-number [(value)]="_note.PayFrequency" id="PayFrequency" [isRequired]="false" class="ibox1 rightalign" [format]="'n0'"></wj-input-number> 
  

  as you suggested when i used ngmodel

     <wj-input-number [(ngModel)]="_note.PayFrequency" #PayFrequency="ngModel" id="PayFrequency" [isRequired]="false" class="ibox1 rightalign" [format]="'n0'"></wj-input-number>
  

  i get error

  If ngModel is used within a form tag, either the name attribute must be set or the form
  
  control must be defined as ‘standalone’ in ngModelOptions.

  please suggest

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 23 May 2018, 5:25 am EST

  Hi,
  
  You may set name property for Wijmo Input Controls same as HTML standard control. Please refer to the previously shared sample.

  Here is the code snippet:

  <wj-input-number [b]name="inputNumber1"[/b]
                             [(ngModel)]="num1"
                             #inputNumber1="ngModel"
                             [step]="1"
                             [format]="'n0'"
                             [isRequired]="false"
                             evenNumber
                             required>
         </wj-input-number>
  

  ~Manish