https://github.com/mgusmano/angular2-extjs

https://github.com/mgusmano/angular2-extjs

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mgusmano/angular2-extjs
• Owner: mgusmano
• Created: 2016-10-09T20:29:12.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-20T09:32:19.000Z (over 7 years ago)
• Last Synced: 2024-09-16T04:54:35.454Z (3 months ago)
• Language: TypeScript
• Size: 28.7 MB
• Stars: 9
• Watchers: 7
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-extjs - Connector to Angular2

README

        
angular2-extjs

Ext JS Bridge for Angular2 (The Bridge)

=======

The Bridge Works with the Sencha Ext JS 6.2 modern toolkit

To try The Bridge with a test Angular2 application:

Install Angular-CLI  (instructions at: https://github.com/angular/angular-cli)

Create a folder called ExtAngular and cd to this folder

in the ExtAngular folder

	create new project using command prompt (this will take a while):

	ng new ExtTest

When finished, run the following commands on the command line:

	cd ExtTest

	npm install angular2-extjs --save

	cp -r node_modules/angular2-extjs/demo/ src/

Replace styles and scripts section in ExtTest/angular-cli.json 

with what is in src/misc/angular-cli.json.txt

(don't forget to do this...)

To create a theme for the application:

In the ExtAngular folder create an empty ExtJS application called Theme:

	cd ..

	sencha -sdk {path-to-ext-js-6.2} generate app -starter=false -modern Theme ./Theme

	cp ExtTest/src/demo/misc/app.js Theme/app.js

	cd Theme

Change 'requires' in app.json to this:

	"requires": [

		"calendar",

		"charts",

		"d3",

		"ux",

		"pivot",

		"pivot-d3",

		"font-awesome"

	],

Build Ext JS application

	sencha app build testing

Copy build folder of Ext JS app to app folder of Angular2 test app (ExtTest)

	cp -r build/ ../ExtTest/src/app/build/

Run the application

	cd ..

	cd ExtTest

	ng serve

In the browser, go to http://localhost:4200

Open ExtTest project in an editor to review the application

Demo at http://se.sencha.com/ExtTest