PDA

View Full Version : How to resize window height in ExtJS



KVALSANG
29 Oct 2014, 3:12 AM
I below code I am able to resize or get event while changing (resize) width but not call rezise event while changing height.
If any one know how manage resize event while changing height?

Ext.define('ClaimPortalApp.view.dialogs.Email', {
extend: 'Ext.window.Window',
alias: 'widget.dialogEmail',


requires: [
'Common.view.Text',
'Common.view.ButtonPrimary',
'Common.view.ButtonSecondary'
],


title : 'Email',
id:'previewWindow',
closable : true,
modal: true,
height:550,
layout: 'fit',
resizable: true,
width: 800,


/*layout: {
type: 'absolute'
},*/
items:[
{
xtype: 'form',
items:[
{
xtype: 'form',
layout: {
align: 'stretch',
type: 'vbox'
},
bodyPadding: 10,
header: false,
title: 'Email',
items: [


{
xtype: 'container',
itemId:'errorBox',
style:'background-color: #fff1ce; color: #cc2d30;',
hidden:true,
items: [
{
xtype:'label',
itemId: 'errorMsg'
}
]
},
{
xtype: 'textfield',
itemId: 'toData',
// vtype: 'email',
//vtypeText: null,
//regex: /^([\w\-\'\-]+)(\.[-\'\-]+)*@([\w\-]+\.){1,5}([A-Za-z]){2,4}$/,
flex: 1,
labelAlign: 'left',
labelWidth: 60,
fieldLabel: 'To'
},
{
xtype: 'textfield',
itemId: 'ccData',
// vtype: 'email',
//vtypeText: 'email id is not valid',
//msgTarget: 'under',
flex: 1,
labelAlign: 'left',
labelWidth: 60,
fieldLabel: 'Cc'
},
{
xtype: 'textfield',
itemId: 'subjectData',
flex: 1,
labelAlign: 'left',
labelWidth: 60,
fieldLabel: 'Subject'
},

/*{
xtype: 'filefield',
itemId:'uploadFile',
emptyText: 'select file',
buttonText: 'Browse',
hidden:false
},*/
{
xtype: 'textareafield', //htmleditor
itemId:'textFreeForm',
height: 130,
margin: '4 0 0 0',
flex: 1
},
{
xtype: 'container',
height: 180,


style:'overflow:auto;',
items: [
{
xtype: 'displayfield',
fieldLabel: 'The following data sections will be emailed',
labelAlign: 'top',
labelWidth:'100%',
width:'100%',
value: '',
itemId: 'dataPreview'
}
]
},




{
xtype: 'container',
flex: 1,
margin: '4 0 0 0',
layout: {
align: 'middle',
type: 'hbox'
},
items: [
{
xtype: 'buttonprimary',
itemID:'send',
flex: 1,
text: 'Send',
handler:function(){
var toData = ClaimPortalApp.controller.Utilities.GetComponentByItemId('toData').getValue();
var ccData = ClaimPortalApp.controller.Utilities.GetComponentByItemId('ccData').getValue();
var subject = ClaimPortalApp.controller.Utilities.GetComponentByItemId('subjectData').getValue();
var body = ClaimPortalApp.controller.Utilities.GetComponentByItemId('textFreeForm').getValue();


var stringVal = ClaimPortalApp.controller.Utilities.GetComponentByItemId('dataPreview').getValue();
var regex = /<br\s*[\/]?><br\s*[\/]?>/gi;
var queryString = stringVal.replace(regex , ',');


var reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if (reg.test(toData))
{
var closeWindow = Ext.getCmp('previewWindow');
if(ccData!== ''){
if (reg.test(ccData)){
closeWindow.isMailValidate(toData,ccData,subject,body,queryString);
}
else{
ClaimPortalApp.controller.Utilities.GetComponentByItemId('errorMsg').setText('Please Enter Valid Email Id');
ClaimPortalApp.controller.Utilities.GetComponentByItemId('errorBox').show();
return false;
}
}
else{
closeWindow.isMailValidate(toData,ccData,subject,body,queryString);
ClaimPortalApp.controller.Utilities.GetComponentByItemId('errorMsg').setText('');
ClaimPortalApp.controller.Utilities.GetComponentByItemId('errorBox').hide();
}


}
else{
ClaimPortalApp.controller.Utilities.GetComponentByItemId('errorMsg').setText('Please Enter Valid Email Id');
ClaimPortalApp.controller.Utilities.GetComponentByItemId('errorBox').show();
return false;
}


}
},
{
xtype: 'buttonsecondary',
itemId:'cancel',
flex: 1,
text: 'Cancel',
handler:function(){
this.up('.window').close();
}
}
]
}
]
}
],


listeners: {
resize: {
fn: function(el) {
alert('outer panel resize');
}
},


}
}


],

slemmon
29 Oct 2014, 7:16 PM
I'm not sure I get what you're trying to do. You're wanting to listen to a window's resize event?