Angular 2 Final version (Not Beta)

[Moizuddin KhajaParticipant]

Hi Team,
Will you please provide a step-by-step getting started tutorial for integrating Angular 2 (Final Version not Beta) and JqxWidgets.

[Ivo ZhulevParticipant]

Hi Moizuddin Khaja,

Soon we will release the integration with the final version of Angular 2 and yes there will be a step by step tutorial.

Best Regards,
Ivo

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

[PrashantParticipant]

Team,

Based on samples, i tried to integrate jqWidgets with Angulae 2.0 but after running application, i am getting below error :

{some path}/jqwidgets-ts/angular_jqxcalendar.ts(4,9): error TS2305: Module ‘”{some path}/node_modules/@angular/http/index”‘ has no exported member ‘
noop’.
{some path}/jqwidgets-ts/angular_jqxcalendar.ts(19,14): error TS2420: Class ‘jqxCalendarComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxCalendarComponent’.

Any help would be appreciated,

Regards,
Prashant

[Ivo ZhulevParticipant]

Hi Prashant,

Can you please send me an example(just part of the code) so i can run it?

Best Regards,
Ivo

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

[SiddharthParticipant]

Team,

I am getting the same issue as Prashant but with another component, namely, angular_jqxradiobutton.ts, file.

I will try and create an example to demonstrate the issue and update shortly…

Thanks & Regards,
Siddharth Seth

[PrashantParticipant]

Hi Ivo Zhulev,

For quick test :

I have created sample angular 2.0 app and just added
/// <reference path="{some path}/jqwidgets-ts/jqwidgets.d.ts" />

Till now there is no compiler error.Then after adding below file, console start throwing TS2305,TS2420 (jqxCalendarComponnt) incorrectly implements interface ‘ControlValueAccessor’ error

import {jqxCalendarComponent} from '../vendor/jqwidgets-ts/angular_jqxcalendar';

I will prepare the sample demo and share with you shortly.

Thanks,
Prashant Kirpan

[SiddharthParticipant]

Hi All,

Its an off for us here today, but had a small update to share.
When I remove references to jqxradiobutton I am able to compile and the application works.
The other jqxwidget components I am using are:
1. jqxExpander.
2. jqxGrid.
3. jqxButton.

I also tried jqxCalendar as mentioned by Prashant and get the same error as in the case of jqxradiobutton.
Thanks & Regards,
Siddharth Seth

[Ivo ZhulevParticipant]

Hi Siddharth and Prashant,

Thanks for the reports. If you have any other feedback we will be glad to hear it.

Best Regards,
Ivo

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

[rbmanian75Participant]

We are also getting the same error when using jqxButtonComponent.

[Ivo ZhulevParticipant]

Hi rbmanian75,

It will be fixed in the next release.

Best Regards,
Ivo

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

[juniorParticipant]

These are the errors that I encountered in your 4.3 version:
from: junior

Dear JQWIDGETS TEAM
please repair these ton’s of errors.

jqwidgets-ts\angular_jqxbuttons.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxButtonComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxButtonComponent’.
jqwidgets-ts\angular_jqxcalendar.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxCalendarComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxCalendarComponent’.
jqwidgets-ts\angular_jqxcheckbox.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxCheckBoxComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxCheckBoxComponent’.
jqwidgets-ts\angular_jqxcombobox.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxComboBoxComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxComboBoxComponent’.
jqwidgets-ts\angular_jqxcomplexinput.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxComplexInputComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxComplexInputComponent’.
jqwidgets-ts\angular_jqxdataadapter.ts
Error:(278, 42) TS2304: Cannot find name ‘DataAdapterGetAggregatedData’.
jqwidgets-ts\angular_jqxdatetimeinput.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxDateTimeInputComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxDateTimeInputComponent’.
jqwidgets-ts\angular_jqxdropdownlist.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxDropDownListComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxDropDownListComponent’.
jqwidgets-ts\angular_jqxeditor.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxEditorComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxEditorComponent’.
jqwidgets-ts\angular_jqxfileupload.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxFileUploadComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxFileUploadComponent’.
jqwidgets-ts\angular_jqxformattedinput.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxFormattedInputComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxFormattedInputComponent’.
jqwidgets-ts\angular_jqxinput.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxInputComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxInputComponent’.
jqwidgets-ts\angular_jqxkanban.ts
Error:(119, 33) TS2305: Module ‘jqwidgets’ has no exported member ‘any’.
jqwidgets-ts\angular_jqxlistbox.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxListBoxComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxListBoxComponent’.
jqwidgets-ts\angular_jqxmaskedinput.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxMaskedInputComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxMaskedInputComponent’.
jqwidgets-ts\angular_jqxnumberinput.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxNumberInputComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxNumberInputComponent’.
jqwidgets-ts\angular_jqxpasswordinput.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxPasswordInputComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxPasswordInputComponent’.
jqwidgets-ts\angular_jqxprogressbar.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxProgressBarComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxProgressBarComponent’.
jqwidgets-ts\angular_jqxradiobutton.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxRadioButtonComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxRadioButtonComponent’.
jqwidgets-ts\angular_jqxrating.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxRatingComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxRatingComponent’.
jqwidgets-ts\angular_jqxresponse.ts
Error:(86, 29) TS1003: Identifier expected.
Error:(94, 31) TS1003: Identifier expected.
Error:(110, 32) TS1003: Identifier expected.
Error:(118, 32) TS1003: Identifier expected.
Error:(126, 30) TS1003: Identifier expected.
jqwidgets-ts\angular_jqxscheduler.ts
Error:(286, 35) TS2304: Cannot find name ‘SchedulerRenderAppointment’.
Error:(286, 66) TS2304: Cannot find name ‘SchedulerRenderAppointment’.
jqwidgets-ts\angular_jqxslider.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxSliderComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxSliderComponent’.
jqwidgets-ts\angular_jqxswitchbutton.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxSwitchButtonComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxSwitchButtonComponent’.
jqwidgets-ts\angular_jqxtagcloud.ts
Error:(182, 33) TS2304: Cannot find name ‘TagCloudItem’.
jqwidgets-ts\angular_jqxtextarea.ts
Error:(4, 9) TS2305: Module ‘”node_modules/@angular/http/index”‘ has no exported member ‘noop’.
Error:(19, 14) TS2420: Class ‘jqxTextAreaComponent’ incorrectly implements interface ‘ControlValueAccessor’.
Property ‘writeValue’ is missing in type ‘jqxTextAreaComponent’.
jqwidgets-ts\angular_jqxtreegrid.ts
Error:(486, 46) TS2304: Cannot find name ‘VirtualModeRecordCreatingRow’.
jqwidgets-ts\angular_jqxtreemap.ts
Error:(127, 40) TS1003: Identifier expected.

[Htet Wai Yan LinParticipant]

Hi all,

When jQWidgets will be released next version?
How to use with Angular 2 Rc7 ?
Please reply me.

[Peter StoevKeymaster]

Our Angular 2 Components are compatible with Angular 2 Final version. In the upcoming release, we will add support for Angular 2.1 and will also follow precisely the latest style guidelines posted on https://angular.io/.

[Moizuddin KhajaParticipant]

Hi Team,
Can anyone help me in manually triggering the events for any of the jqxWidgets using Angular 2 and TypeScript.

[Ivo ZhulevParticipant]

Duplicated post: http://www.jqwidgets.com/community/topic/events-in-jqxwidgets/

[Author]

Posts