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.
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
Post a Comment