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');
}
},
}
}
],
How to resize window height in ExtJS
