Jqx widgets Tab key navigation

[shyanParticipant]

Hi,

I have been facing issue on keyboard tab navigation with jqxwidgets controls,some times the tab navigation doesn’t work on any controls and it raises the exception.

Exception :` Uncaught TypeError: Cannot read property ‘trigger’ of undefined
at b.(anonymous function)._raiseEvent (http://localhost:52197/Scripts/jqwidgets/jqx-all.js:7:1704729) `

Here is my order of javascript files:

`bundles.Add(new StyleBundle(“~/bundles/smartadminCSS”).Include(
“~/content/css/bootstrap.min.css”,
“~/content/css/font-awesome.min.css”,
“~/content/css/lockscreen.min.css”,
“~/content/angular-block-ui/angular-block-ui.min.css”
));

bundles.Add(new ScriptBundle(“~/bundles/vendors”).Include(
“~/Scripts/jqueryUI-10-10.3.js”,
“~/Scripts/jquery-{version}.js”,
“~/Scripts/jquery.validate*”,
“~/Scripts/angular.min.js”,
“~/Scripts/angular-route.min.js”,
“~/Scripts/angular-animate.min.js”,
“~/Scripts/angular-sanitize.min.js”,
“~/Scripts/angular-ui.min.js”,
“~/Scripts/angular-ui/ui-bootstrap-tpls.min.js”,
“~/Scripts/angular-ui/ui-utils.js”,
“~/Scripts/require.js”,
“~/Scripts/jqwidgets/jqx-all.js”
));
bundles.Add(new StyleBundle(“~/bundles/jqxcss”).Include(
“~/Content/jqx/css/*.css”,
new CssRewriteUrlTransform()));`

[HristoParticipant]

Hello shyan,

It looks as some of the external libraries do this.
Please, take a look at this demo:
http://www.jqwidgets.com/jquery-widgets-demo/demos/angularjs-demos/validator.htm?light
(the ‘Tab’ navigation looks ok)

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[shyanParticipant]

Thanks for your reply Hristo.

Tab navigation works fine in the above sample,Is it external libraries causing this issue.?or else the order of javascript files included causing this issue.

Regards,
Shyan

[HristoParticipant]

Hello Shyan,

You could use try to isolate other libraries and to check the result.
Hope this helps.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts