emptyother/types-extjs3

TypeScript Definitions for the old ExtJS 3.4.0 library.

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.