jqxgrid in angular 4

[night-crawlerParticipant]

Hi,

I am trying to use jqxgrid in angular 4. I downloaded the grid using npm command (npm i jqwidgets-framework). I think i was able to make it work but i do not see anything in my web page. below are the details

index.html
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>
<script src=”../node_modules/jqwidgets-framework/jqwidgets/jqxcore.js”></script>
<script src=”../node_modules/jqwidgets-framework/jqwidgets/jqxgrid.js”></script>

app.module.ts
import { jqxGridComponent } from ‘jqwidgets-framework/jqwidgets-ts/angular_jqxgrid’;

systemjs.config.js
transpiler: ‘npm:jqwidgets-framework/jqwidgets-ts/angular_jqxgrid.ts’

‘jqwidgets-framework/jqwidgets-ts’: ‘npm:jqwidgets-framework/jqwidgets-ts’

‘jqwidgets-framework/jqwidgets-ts’: {
defaultExtension: ‘ts’
}

I do not know where the problem is. It doesn’t have any error in the browser (i am using chrome). All the menu and login window are not showing.

[Ivo ZhulevParticipant]

Hi night-crawler,

From the info provided, I can’t seem to find any problems. I encourage you to use angular-CLI. SystemJS is outdated, and its loading time in the browser is lets say ‘terrifying’. For the angular-CLI, just create a simple angular-CLI project and add the jQWidgets files. You don’t have to do any config at all.

Here is a sample:
https://my.pcloud.com/publink/show?code=XZ7VDAZ7qV6XVu1wGRwNokQsnj5c0ve5zDy

Best Regards,
Ivo

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

[softboy99Participant]

your sample has been deleted for the above link.Help!!!

[svedavyaParticipant]

Hi Team,

Can I see a working example for the requirement. I need to know how to bind data from the server through AJAX call.

[Author]

Posts