javascript - How to create below image in Extjs4? -


i want develop window in extjs4 same below image, user able see root cause when click on details section. textarea section should hide/show when click on details tab.

required window

ext.create('ext.window.window', {             title: 'first window',             height: 200,             width: 400,               layout:'fit',             items:{                 xtype:'form',                 //title: 'errordetails',                 bodypadding: 5,                 width: 350,                 items:[{                     html: 'failed submit request'                 },                 {                     xtype: 'button'                     ,text: 'details>>' ,                     handler : function(){                         console.log('button got clicked');                     }                 },                 {                     xtype: 'textarea',                     id:'tt',                     minheight : 300                     ,minlength : 500                 }]             }          }).show(); 

if looking functionality show text area.this how works:

need add following code in button handler:

this.up().down('textarea').show();

need hide textarea while creating window using hidden:true property.

ext.create('ext.window.window', {             title: 'first window',             width: 400,               layout:'fit',             items:{                 xtype:'form',                 //title: 'errordetails',                 bodypadding: 5,                 width: 350,                 items:[{                     html: 'failed submit request'                 },                 {                     xtype: 'button'                     ,text: 'details>>' ,                     handler : function(){                         this.up().down('textarea').show();                     }                 },                 {                     xtype: 'textarea',                     id: 'tt',                     hidden:true,                     readonly:true,                     minheight : 300                     ,minlength : 500                 }]             }          }).show();     } 

Comments

Popular posts from this blog

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -