|
Сообщение от unet900
|
|
Или я могу просто ставить свойства скрыть и на те или иные объекты и всё?
|
именно так, это как 1 из вариантов.
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<script src='http://dev.sencha.com/deploy/ext-4.0.7-gpl/ext-all.js'></script>
<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css">
<script>
Ext.onReady(function() {
Ext.define('A', {
extend: 'Ext.Window',
initComponent: function() {
var cmp1 = {
xtype: 'textfield',
fieldLabel: 'textfield'
},
cmp2 = {
xtype: 'trigger',
hidden: true,
fieldLabel: 'trigger'
},
frm = Ext.create('Ext.form.Panel', {
items: [cmp1,cmp2],
defaults: {
labelAlign: 'right',
labelWidth: 70
},
frame: true
});
Ext.apply(this, {
autoHeight: true,
closable: false,
border: false,
items: [frm],
buttonAlign: 'left',
buttons: [{
text: 'textfield',
handler: this.setActiveCmp.bind(this)
}, {
xtype: 'tbfill'
}, {
text: 'trigger',
handler: this.setActiveCmp.bind(this)
}]
});
this.callParent(arguments);
},
setActiveCmp: function(b) {
var fields = this.down('form').getForm().getFields();
fields.each(function(f) {
f.setVisible(f.xtype == b.getText())
});
}
});
Ext.create('A', {
title: 'demo'
}).show();
});
</script>
</head>
<body></body>
</html>