JqxInput [ object Object ] error

[andreaParticipant]

Hi,

On your page under Angular 4 UI Components > jqxInput > Binding to JSON Data > Demo tab there is an error which I also have on my application. Here is the case:

I type ‘Ana’ and I select the value from the auto suggest list. The selected value ‘Ana Trujillo’ is displayed on the input correctly. Next I use the backspace button to clean the jqxinput from the selected value. When jqxinput is clean, I try to enter a new value but whatever character I type the jqxinput component displays this value inside [object Object].

How can I resolve this issue please?

[Peter StoevKeymaster]

Hi andrea.p,

You can workaround that issue by detecting the text in the INPUT and then updating it again manually via a val method call.

Best Regards,
Peter Stoev

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

[andreaParticipant]

I have tried with ngModelChange event but the input contains the correct value I enter. I can’t detect any [object Object] value in order to override it. Please provide me with a specific example.

[Ivo ZhulevParticipant]

Hi andrea.p,

This will be fine in the next release. For now, go to the angular_jqxinput.ts file and change the method get ngValue() to:

get ngValue(): any {
       if (this.widgetObject) {
           const value = this.host.val();
           if(typeof value === 'object')
               return value.label;
           return value; 
       }
       return '';
   }

Best Regards,
Ivo

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

[andreaParticipant]

What worked for me was this code:

get ngValue(): any {
       if (this.widgetObject) {
           const value = this.host.val();
           if(typeof value === 'object'){
               return '';
           }
           return value; 
       }
       return '';
   }

Thanks for the guide.

[Author]

Posts