ExtJs4.2.1点击按钮弹出表单的窗⼝
  初学ExtJs，做项⽬的时候想做⼀个这样的效果：点击按钮弹出对话框，之前⼀直是使⽤EasyUi来做的，
EasyUi⾥有Dialog，⽤起来很⽅便，但是现在转移到ExtJs上后，发现没有Dialog这样的框架，在⽹上了没有到这样的
控件，于是搜索⼀下关于ExtJs 对话框的实现⽅法，现在将实现结果贴出来，如果有什么想法，希望多多留⾔！
<("btn_edit").on("click", function () {
弹出窗口代码编写var form = new Ext.FormPanel({
//labelAlign: 'top',
bodyStyle: 'padding:5px 5px 0',
layout: 'form',
items: [
{
xtype: 'textfield',
name: 'title',
anchor: '100%'
}, {
xtype: 'htmleditor',
border: true,
id: 'context',
plugins: [
],
height: 400,
anchor: '100%'
}
],
buttonAlign: 'center',
buttons: [
{
text: '保存',
icon: '../../../Images/extjs/disk.png',
handler: function () {
var text = Form().findField('context').getValue();
alert(text);
}
}, {
text: '关闭',
icon: '../../../Images/extjs/cross.png',
handler: function () {
win.close(this);
}
}
]
});
var win = ate("Ext.window.Window", {
title: "编辑",      //标题
draggable: false,
icon: '../../../Images/extjs/pencil.png',
height: 600,                          //⾼度
width: 800,                          //宽度
layout: "fit",                        //窗⼝布局类型
modal: true, //是否模态窗⼝，默认为false
resizable: false,
items: [form]
});
win.show();
});
});
讲解：
⾸先⽤⼀个按钮，监听按钮的动作，当点击按钮后，先创建⼀个FormPanel，这个⾯板⾥创建的是⼀些基本的控件，这⾥就不讲了，然后创建⼀个窗⼝，将刚才创建的⾯板作为这个窗⼝的items，这样⼀个form表单的窗⼝就创建好了，接下来就是将它显⽰出来，
如上⾯的代码win.show()，注意，同时将窗⼝代码设置成modal:true，这样就是⼀个完整的窗⼝显⽰！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。