PDA

View Full Version : [3.x] Introducing TDGi.WindowBlind



jay@moduscreate.com
11 Nov 2010, 12:28 PM
More info here: http://tdg-i.com/443/

Github: https://github.com/tdgi/Ext.ux.TDGi.WindowBlind
Online Example: http://tdg-i.com/js/examples/ext3/extensions/windowblind/

http://tdg-i.com/img/screencasts/2010-11-11_1519.png

example:


Ext.onReady(function(){
var blind = new Ext.plugins.TDGi.WindowBlind({
border : false,
items : {
xtype : 'form',
defaultType : 'textfield',
labelWidth : 60,
defaults : {
anchor : '100%'
},
items : [
{
fieldLabel : 'First Name'
},
{
fieldLabel : 'Last Name'
},
{
fieldLabel : 'Phone'
},
{
fieldLabel : 'Email'
}
]
},
buttons : [
{
text : 'OK',
handler : function() {
this.ownerCt.ownerCt.hide();
}
}
]
});

new Ext.Window({
height : 200,
width : 300,
closable : false,
title : 'Window Blind test',
html : 'This is a blind test',
plugins : [
blind
],
buttons : [
{
text : 'Show blind',
handler : function(btn) {
btn.ownerCt.ownerCt.blind.show()
}
}
]
}).show();
});