jQuery UI Widgets › Forums › Angular › Problem with Internet Explorer 10/11
Tagged: ie11 angular
This topic contains 7 replies, has 5 voices, and was last updated by admin 7 years, 7 months ago.
-
Author
-
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 x64follow 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>
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:Best Regards,
IvojQWidgets Team
http://www.jqwidgets.com/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
Hi adribea,
Could you share a simple example?
Best Regards,
IvojQWidgets Team
http://www.jqwidgets.com/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.
This topic is related: https://www.jqwidgets.com/community/topic/issue-with-jqwidgets-5-3-2-on-ie11/
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.It shows how a forum user solved an issue. I suggest you read it again.
-
AuthorPosts
You must be logged in to reply to this topic.