[Ivo ZhulevParticipant]

Hi Eswar,

This is fixed in the latest version of jqwidgets-ng

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi ajcroteau,

This is fixed in the latest version of jqwidgets-ng.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi abilbaolavieja,

Can you please confirm you are using jqwidgets-ng version 7.2.1?

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi EP,

Thanks for the feedback. The jqwidgets-ng is the new and better way to use our components. We will update the documentation to avoid such confusion.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi luis,

If you are using jqwidgets-scripts or jqwidgets-framework this will be available in the next release.
If you are using jqwidgets-ng it is available already.

I strongly suggest you to switch to jqwidgets-ng if you do not use it already. It always have the latest updates and fixes.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi stackoverflowisbetter2,

For events:

const variable = jqwidgets.createInstance('#lineitems-grid-container'......

variable.addEventHandler('eventName', event => {
    // Do something...
})

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi stackoverflowisbetter2,

When you create the instance, you must assign it to a variable, and through that variable, you can call methods and change props.

const variable = jqwidgets.createInstance('#lineitems-grid-container'......

variable.updatebounddata();

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi ejdesimone,

Thanks for the feedback, we will consider both your points. As for your issue, aren’t my above posts help you?

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi mjcee,

Can you please share the project as a rar/zip file(without the node_modules)?

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi All,

Please check my post here:
https://www.jqwidgets.com/community/topic/angular-karma-jasmine-unit-tests/#post-100795

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi caseybelcher543,

For start, this test is done on a fresh install of create-jqwidgets-angular-app.
Modifications:

1. In tsconfig.spec in the include property you must add "../node_modules/jqwidgets-scripts/jqwidgets-ts".
Should look like that:

....
"include": [
    "**/*.spec.ts",
    "**/*.d.ts",
    "../node_modules/jqwidgets-scripts/jqwidgets-ts"
  ]
....

2. Write a test(app.component.spec.ts file):

import { TestBed, ComponentFixture } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { jqxGridComponent } from 'jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid';

describe('AppComponent', () => {
  let fixture: ComponentFixture<AppComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [AppComponent, jqxGridComponent]
    });
    fixture = TestBed.createComponent(AppComponent);
  })

  it('should columngroups text be Product Details', () => {
    expect(fixture.componentInstance.columngroups[0].text).toBe('Product Details');
  });
});

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi jluki07,

We don’t have official typings for react, but you can get the jqwidgets.d.ts file located in jqwidgets-ts folder and refactor it to be used with react. You have all the interfaces there so just remove the angular specific code.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi akshay,

Sorry, but we don’t have proficiency with that technology.

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi Liam,

Glad you managed on your own 🙂

Best Regards,
Ivo

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

[Ivo ZhulevParticipant]

Hi lebarillier,

As said in the error this is loader related.
Try using this loaders: (ofcourse install their NPM packages before)

loaders:
        [
            {
                test: /\.ts$/,
                use: ['awesome-typescript-loader', 'angular2-template-loader'],
                exclude: [/\.(spec|e2e)\.ts$/]
            },
            {
                test: /\.html$/,
                use: 'raw-loader'
            },
            {
                test: /\.css$/,
                use: ['to-string-loader', 'css-loader']
            },
            {
                test: /\.(jpg|png|gif|svg|pdf|ico)$/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: '../[path][name].[ext]'
                        }
                    }
                ]
            }
        ]

Best Regards,
Ivo

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

• This reply was modified 5 years, 1 month ago by  Ivo Zhulev.

[Author]

Posts