extjs 弹出 Ext.form.FormPanel 显示
2010-12-06 11:39
429 查看
function add_win() { var add_winForm = new Ext.form.FormPanel({ width: 360, height: 120, plain: true, layout: "form", defaultType: "textfield", labelWidth: 75, baseCls: "x-plain", //锚点布局- buttonAlign: "center", bodyStyle: "padding:0 0 0 0", items: [ { fieldLabel: "属性名称", width: 160, id: "prname", name: "prname", maxLength: 20, maxLengthText: '属性名称长度不能超过20位!', allowBlank: false, blankText: "请填写属性名称!" } ] }); var syswin = new Ext.Window({ title: "新建属性", width: 360, height: 120, plain: true, iconCls: "addicon", //不可以随意改变大小 resizable: false, //是否可以拖动 //draggable:false, collapsible: true, //允许缩放条 closeAction: 'close', closable: true, //弹出模态窗体 modal: 'true', buttonAlign: "center", bodyStyle: "padding:10px 0 0 10px", items: [add_winForm], buttons: [{ text: "保 存", minWidth: 70, handler: function() { if (add_winForm.getForm().isValid()) { add_winForm.getForm().submit({ url: '../ajax/s/s_operate.aspx', waitTitle: '请稍等...', waitMsg: '正在提交信息...', params: { t: "add" }, success: function(fp, o) { if (o.result.success == true) { syswin.close(); // Store1.reload(); } else { msg('信息提示', '添加时出现异常!'); } }, failure: function() { msg('信息提示', '添加失败!'); } }); } } }, { text: "关 闭", minWidth: 70, handler: function() { syswin.close(); } }] }); syswin.show(); }
效果:
如果需要修改回显的话那就得调用add_winForm.getForm().load({ // 调用回显的方法 });
add_winForm.getForm().load({ url: '../ajax/s/s_operate.aspx', waitMsg: '正在载入数据...', waitTitle: '请稍等...', params: { t: "get", prid: prid }, success: function(_form, action) { }, failure: function(_form, action) { msg("提示信息", "加载数据时发生异常!"); } });
效果图:
回显数据:
{success:true,data:{"prname":"222","upprid":"2","typeid":"1"}}
相关文章推荐
- Extjs formPanel 显示图片 + 上传
- ExtJS学习笔记(1)-表单验证,Ext.FormPanel
- ExtJS学习笔记 Ext.FormPanel
- EXTJS桌面显示窗口(左边:TREE,右边:PANEL),点击按钮弹出窗口编辑数据提交后台PHP。
- ExtJS学习笔记(2)-From的类型,Ext.FormPanel
- Ext.FormPanel 及控件横排显示
- Extjs学习 Ext.form.FormPanel
- Ext FormPanel布局 (一行显示两对控件元素)
- ExtJs内的Ext.form.Panel中datefield控件选择日期过后的事件监听select以及比较两个时间的大小
- Ext.FormPanel多列显示的问题
- ExtJS学习笔记(5)- Form表单的提交 -Ext.FormPanel
- ExtJS让被遮盖的窗体显示在最前面以及解决Ext.MessageBox提示框被TabPanel覆盖的方法【转】
- Extjs初始化/提交Ext.form.FormPanel,表单中包含textfield,textarea,radio,checkbox,combo等
- 动态设置Ext.form.FormPanel控件里子控件的显示和隐藏
- ExtJs 4.x 学习小记:Ext.TabPanel动态隐藏及显示
- ExtJS 基础解析之【Ext.FormPanel】之一
- ExtJs学习系列(4)--Ext.FormPanel
- Extjs 实战之 Ext.tree.TreePanel Tree无法显示
- Ext FormPanel布局 (一行显示两对控件元素)
- Extjs 实战之 Ext.tree.TreePanel Tree无法显示