Is there a React example with jqxGrid?

[CowboyParticipant]

It looks like samples are a work in progress, anything on the grid yet?

• This topic was modified 6 years, 10 months ago by  Peter Stoev.

[Ivo ZhulevParticipant]

Hi Cowboy,

Samples for all widgets are available at our Demos page.
Here is the link for the jqxGrid:

http://www.jqwidgets.com/react/react-grid/index.htm

Best Regards,
Ivo

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

[tushar.palve@virtustream.comParticipant]

How can we set the source of grid from state stored in redux or else set dataadpter from state stored in redux?

is there any example for the same

• This reply was modified 6 years, 9 months ago by  tushar.palve@virtustream.com.

[Ivo ZhulevParticipant]

Hi tushar.palve,

We dont have such example.
But do you mean something like that showed in the redux official page:

import { createStore } from 'redux'
import todoApp from './reducers'

let store = createStore(todoApp)

let state = store.getState();

Best Regards,
Ivo

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

[tushar.palve@virtustream.comParticipant]

yes, correct

in most of example of react source set as

let source = new $.jqx.dataAdapter but no where $ and jqx is defined.

and also there is no import for dataAdapter, so I am not sure how I can use the jqxGrid in our app.

[Ivo ZhulevParticipant]

Hi tushar.palve,

$.jqx.dataAdapter is defined in jqxdata.js file. Just have it imported in your HTML and you can use it all over your app.

Best Regards,
Ivo

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

[silverboyirParticipant]

Hi
i added

<script type="text/javascript" src="js/jqxcore.js"></script>
    <script type="text/javascript" src="js/jqxdata.js"></script>
    <script type="text/javascript" src="js/jqxbuttons.js"></script>
    <script type="text/javascript" src="js/jqxscrollbar.js"></script>
    <script type="text/javascript" src="js/jqxdatatable.js"></script>
    <script type="text/javascript" src="js/jqxnotification.js"></script>

to my index.html file and
import JqxDataTable from '../jqwidgets-react/react_jqxdatatable.js';
in my component
but i get Cannot read property 'dataAdapter' of undefined on let dataAdapter = new $.jqx.dataAdapter(source); in my component
notificaitions in other sections works fine

[silverboyirParticipant]

PS : i used window.JQXLite.jqx instead of $.jqx and now its work

[vatitParticipant]

same error. I imported jqxdata.js to my HTML and still error:

./src/App.js
Line 35: ‘$’ is not defined no-undef

Search for the keywords to learn more about each error.

pls, help me resolve problem

[MartinParticipant]

Hello vatit,

Use window.jqx instead of $.jqx. It should fix the issue.

Best Regards,
Martin

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

[Author]

Posts