jQWidgets Forums

Tagged: jqxgrid vue 3

This topic contains 8 replies, has 4 voices, and was last updated by admin 1 year, 1 month ago.

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

Author

JQXGrid isn't working with Vue 3 Posts
August 14, 2023 at 8:00 pm JQXGrid isn't working with Vue 3 #133492

igor.dias
Participant

Hi!

Even though I’m using the lastest version (17.0.0) of JQWidgets, which is supposed to support for Vue 3, I can’t get it working correctly.

The error msg that i’m facing is: Uncaught TypeError: Cannot set properties of undefined (setting ‘Globalize’)

Please, help me to make it works
Igor

August 15, 2023 at 5:52 am JQXGrid isn't working with Vue 3 #133494

svetoslav_borislavov
Participant

Hi,

Currently, jQWidgets does not support Vue 3. Soon there will be a release includes jQWidgets components for Vue 3 components.

Best regards,
Svetoslav Borislavov

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

August 15, 2023 at 1:33 pm JQXGrid isn't working with Vue 3 #133497

igor.dias
Participant

Hi!

But considering the lastest release (jQWidgets v17.0.0), it was mentioned that it now has integration with Vue 3. Is that right?

August 16, 2023 at 6:12 am JQXGrid isn't working with Vue 3 #133500

svetoslav_borislavov
Participant

Hi,

You are right, may you please send us an example project with the problem?

Best regards,
Svetoslav Borislavov

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

August 23, 2023 at 6:04 am JQXGrid isn't working with Vue 3 #133529

svetoslav_borislavov
Participant

Hi,

Here is an example of a project that uses Vue 3:
https://easyupload.io/ac1t05

Open the project, install the dependencies with ‘npm install’
‘npm run dev’ to run the project.

You may see that in the main.js I have imported the CSS along with the globalize file

I hope this helps!

Best regards,
Svetoslav Borislavov

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

February 29, 2024 at 12:10 pm JQXGrid isn't working with Vue 3 #134372

giuseppe.scategni
Participant

Hi,

I have the same problem.
I’m using vue3 with jqwidgets. SOme widgets works fine (i.e. button, buttongroup,comboBoc etc.) but not the grid.
But the link above isn’t working anymore.
Could you, please, give me a sample of main.js and info in particular regard the globalize file.

Thanks!

Giuseppe Scategni

February 29, 2024 at 3:48 pm JQXGrid isn't working with Vue 3 #134377

admin
Keymaster

Hi,

Here’s a sample with jqxGrid with Vue 3

March 1, 2024 at 5:14 pm JQXGrid isn't working with Vue 3 #134386

giuseppe.scategni
Participant

Hi, Admin.

Tryed with your code, the error remains the same:

Uncaught TypeError: Cannot set properties of undefined (setting ‘Globalize’) in globalize.js?v=e1ba3322:58
at globalize.js?v=e1ba3322:58:19
at globalize.js?v=e1ba3322:1607:2

Please, help me to solve.
I’d like to use jqwidgets ’cause it seems very powerful!

igor.dias above had the same problem and svetoslav_borislavov August 23, 2023 gave a solution in https://easyupload.io/ac1t05 but the link isn’t working anymore.

Thanks in advance.

Giuseppe Scategni
InetProj srl

March 4, 2024 at 11:03 pm JQXGrid isn't working with Vue 3 #134398
admin
Keymaster
Hi,

This is the index.htm page. You need to add a reference to the globalize.js file.
```
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="node_modules/jqwidgets-scripts/jqwidgets/styles/jqx.base.css" type="text/css" />
	<script src="node_modules/jqwidgets-scripts/jqwidgets/globalization/globalize.js"></script>
	
    <title>Vite + Vue</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
```
Author

Posts

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

You must be logged in to reply to this topic.