Skip to content

TypeScript Definitions for the old ExtJS 3.4.0 library.

Notifications You must be signed in to change notification settings

emptyother/types-extjs3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Typescript definitions for the old Ext JS 3.4.0 library, if anyone is ever crazy enough to want to use it with TypeScript.

How to use

Install typings:

npm i https://github.com/emptyother/types-extjs3/ --save-dev

Example creating a new class from Ext components:

export class MyWindow extends Ext.Window {
	private textfield = new Ext.form.TextField({
		fieldLabel: 'My text field',
		listeners: {
			keyup: (cmp: Ext.form.TextField, e: Ext.EventObject) => {}
		}
	});
	constructor(cfg: Ext.IPanel = {}) {
		// TS insist that super should be called before everything else
		// so you can't use "this" references inside it.
		super({
			title: 'My title',
			layout: 'form',
			...cfg,
		});
		// TS compiler inserts property initializers here:
		// this.textfield = ...

		// So now we can add our children.
		this.add([
			this.textfield,
		]);
	}
	protected initComponent() {
		// Warning:
		// The super() in the constructor calls initComponent before
		// this.textfield has been initialized, so we can't do stuff here.
	}
}

TODO

There is a lot missing, as i added definitions as i needed them.

  • Add event listener definitions.
  • Rename configuration interface definitions from (using the IPanel as an example) Ext.IPanel to Ext.PanelCfg.

About

TypeScript Definitions for the old ExtJS 3.4.0 library.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published