我想在一个新的模式窗口中显示一个带有标签和值的 Ext 表单。我希望表单是只读的,因此用户可以打印出窗口。我可以访问表单并显示模态窗口,但我似乎无法在模态窗口中显示表单,因为它是一个对象。
这是我单击按钮时出现的窗口:
var printWindow = Ext.create("Ext.Window", {
renderTo: Ext.getBody(),
title: 'Print Window',
cls: 'print',
scrollable: true,
closable: false,
maximized: false,
modal: false,
moveable: false,
items: [{
xtype: 'panel',
html: mySample,
height: 400,
width:300
}],
dockedItems: [{
xtype: 'toolbar',
dock: 'bottom',
align: 'right',
layout: 'hbox',
items: [{
xtype: 'component',
flex: 1
},{
xtype: 'button',
align: 'right',
text: 'Print This Window'
}]
}],
tools: [{
type: 'close',
handler: function() {
printWindow.close();
htmlBody.removeCls('no-print');
htmlBody.disabled = false;
}
},{
type: 'print',
tooltip: 'some tooltip info',
handler: function() {
print();
}
}]
});
printWindow.show();
注意 - 新面板中的 HTML 配置选项不正确,我使用它进行测试