本文展示了一个使用ExtJS创建窗口的示例代码。该窗口包含一个文本输入字段，并支持动态添加新的文本输入组件。通过此示例，读者可以了解如何初始化窗口、设置其属性以及如何在运行时修改窗口的内容。
JScript code
<script type="text/javascript">
var user1 = new Ext.form.TextField({ })
var user2= new Ext.form.TextField({ })
var c_window = new Ext.Window({
title: 'title',
width: 950,
height: 530,
plain: true,
closeAction: 'hide',
defaults: { anchor: '95%' },
items:[user1],
modal: true,
buttons: [{ text: '关闭', handler: function(){ c_window.hide(); } },
{ text: '添加',
handler: function(){
c_window.add(user2); // 添加新组件
c_window.render(); // 添加后需要重新渲染一遍。 } }] });
c_window.show();
</script>
<script type="text/javascript">
var user1 = new Ext.form.TextField({ })
var user2= new Ext.form.TextField({ })
var c_window = new Ext.Window({
title: 'title',
width: 950,
height: 530,
plain: true,
closeAction: 'hide',
defaults: { anchor: '95%' },
items:[user1],
modal: true,
buttons: [{ text: '关闭', handler: function(){ c_window.hide(); } },
{ text: '添加',
handler: function(){
c_window.add(user2); // 添加新组件
c_window.render(); // 添加后需要重新渲染一遍。 } }] });
c_window.show();
</script>
扫一扫
8369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
