Angular 2 DataAdapter

[jfabianParticipant]

I was following the example code but not sure how it is working since I get error that $.jqx.dataAdapter is undefined when creating a property of the class but seems to work in ngAfterViewInit()? I’m not sure if it is because of the demo.js file has some code in it so this work or not.

This does NOT work

source: any =
    {
        datatype: "xml",
        datafields: [
            { name: 'ProductName', type: 'string' },
            { name: 'QuantityPerUnit', type: 'int' },
            { name: 'UnitPrice', type: 'float' },
            { name: 'UnitsInStock', type: 'float' },
            { name: 'Discontinued', type: 'bool' }
        ],
        root: "Products",
        record: "Product",
        id: 'ProductID',
        url: "../sampledata/products.xml"
    };

    dataAdapter: any = new $.jqx.dataAdapter(this.source);  <----This is undefined

This does work:

dataAdapter: any:

ngAfterViewInit(){
  this.dataAdapter = new $.jqx.dataAdapter(this.gridSource);
}

[Ivo ZhulevParticipant]

Hi jfabian,

The first one as it is used in our demos should work. Maybe this strange behaviour is caused by some other code?

Best Regards,
Ivo

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

[revaParticipant]

Hi jfabian,

I am trying to get the sample grid to work in angular2. Can you please post your solution and also the products.xml file which you used for the project.

Thanks,
Reva

[Peter StoevKeymaster]

Hi Reva,

All Angular 2 related samples are included in the download package as well as the sampledata files used. The folder of the data files is called sampledata and can be found in the demos folder.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts