jQuery UI Widgets Forums Angular Problem with Internet Explorer 10/11

Tagged: 

This topic contains 7 replies, has 5 voices, and was last updated by  admin 7 years, 7 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • Problem with Internet Explorer 10/11 #96329

    adribea
    Participant

    Hello to all,

    I am very excited by the jQWidgets components, and I’m currently the best solution I’ve found and I was impressed by the power and ease of use.

    I’m going to buy a license and use the components in a new great web application I’m about to start with.

    I have a problem with all the jqx controls with internet explorer 10 and 11 when I load the page I get the following console errors:
    ERROR TypeError: Argument not optional
    ERROR CONTEXT [object Object].

    I do not understand where I’m wrong, I started a new app with angular cli, I configured the various packages and dependencies, I removed the import comments in polyfills.ts and I put a button in the app.component but unfortunately with internet explorer it does not go.

    In Chrome, Firefox and Edge works fine.

    I hope to find a solution thanks to you.

    jQWidget-framework: 5.3.2
    @ angular / cli: 1.4.3
    node: 6.10.2
    os: win32 x64

    follow my sources:

    app.module.ts

    
    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    
    import { AppComponent } from './app.component';
    import { jqxButtonComponent } from 'jqwidgets-framework/jqwidgets-ts/angular_jqxbuttons';
    
    @NgModule({
      declarations: [
        AppComponent,
        jqxButtonComponent
      ],
      imports: [
        BrowserModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    

    app.component.ts

    
    import { Component } from '@angular/core';
    import { jqxButtonComponent } from 'jqwidgets-framework/jqwidgets-ts/angular_jqxbuttons';
    
    @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })
    export class AppComponent {
      title = 'app';
    
      buttonClicked(): void
      {
          alert("Hello from jqxButton");
      }  
    }
    

    app.component.html

    
    <div>
      <jqxButton #button [width]="120" [height]="40" (onClick)="buttonClicked()">
          Button
      </jqxButton>
    </div>
    
    Problem with Internet Explorer 10/11 #96339

    Ivo Zhulev
    Participant

    Hi adribea,

    I could not reproduce the error. I used exactly the same code you have given me, and still no error.
    See a screenshot below:

    Screenshot

    Best Regards,
    Ivo

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

    Problem with Internet Explorer 10/11 #96379

    adribea
    Participant

    Do you have any idea why I can not fix the problem, even though I noticed that putting any css class none that does not exist on the markup works perfectly well.
    I also saw that the user of furum wendace had the same problem.

    Thank you

    Problem with Internet Explorer 10/11 #96450

    Ivo Zhulev
    Participant

    Hi adribea,

    Could you share a simple example?

    Best Regards,
    Ivo

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

    Problem with Internet Explorer 10/11 #96495

    f310b
    Participant

    Hi,

    We’re seeing the same issue.

    It’s present on Pivot Grid and some other components.
    e.g. https://www.jqwidgets.com/angular/angular-pivotgrid/index.htm will throw the error.

    For reference, I have IE 11.0.9600 running in Edge mode.

    Thanks.

    Problem with Internet Explorer 10/11 #96499

    Peter Stoev
    Keymaster
    Problem with Internet Explorer 10/11 #96502

    f310b
    Participant

    Hi Peter,

    That topic suggests we are incorrectly using API, I don’t think this is the case.

    The errors are thrown on the jwwidgets demos page, see the link above as an example. We follow the same example code to build locally and see the same error so if the issue is on our end, we do not have a reference how to correctly implement.

    The error message is vague in IE as it is difficult to trace it but it seems jqwidgets, uses the arguments variable to get function args in some instances. While the code is marked ‘use strict’, IE will not allow this. Though that’s all I could find digging into the error message so not sure that is the specific issue here for sure.

    Please advise.
    Thanks.

    Problem with Internet Explorer 10/11 #96505

    admin
    Keymaster

    It shows how a forum user solved an issue. I suggest you read it again.

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

You must be logged in to reply to this topic.