scott cochrane :: Ext quick tip .. Date fields

« Ext quick tip .. Ext.query | Main| Sometime you don't realise how lucky you are.. »

Ext quick tip .. Date fields

Category JavaScript Ext
Bookmark :

Ext is great for the level of functionality that you can get with very little effort. I'd been wondering how to apply an Ext date field to a domino field - which by the time it gets to your browser is just a html text input field. A quick read of the Ext API turned this up..

Applying an Ext date field to an existing date field couldn't be easier.

Ext.onReady(function() {
// create a new date field object..
var dtmField = new Ext.form.DateField({
allowBlank: false;
});

// apply it to your field..
dtmField.applyTo( Ext.get('dtmTestInput') );
});

The configuration options are quite extensive - I'll try to put together a Notes database with the relevant libraries and an example. I should say if you want to see Ext working in domino in a very fully featured Ext type way then check out the Ext.nd project (pronounced 'Extend' I think).

Posted by Scott On 11/18/2007 | Digg This | Permalink

Comments

1 - "pronounced 'Extend' I think" - that is correct.

Nice to see more people starting to use Ext with Domino Emoticon

. Currently we (Ext.nd) have a simple form implementation that will style input fields, drop down lists, and date fields using a very similar method. For dates we currently require adding a classname of xnd-date, though we may look into some other means (DXL) to detect when a field is supposed to be a date picker.