
<div id="hiddenForm" class="w_320">
<h2>表单隐藏字段</h2>
</div>
Ext.onReady(function(){
//Ext表单
//Ext.form.Basic 基本表单组件二(拾取器字段Picker)
//开发中使用表单面板组件Ext.form.Panel,它本质是一个标准的(面板)Ext.panel.Panel,它内置并自动创建了Ext.form.Basic基本表单组件
//与原始表单主要3点不同(1.提交方式 2.表单验证 3.表单组件)
//1.提交方式(同步---异步)
//2.表单验证(需要手动验证----配置即可使用)
//3.表单组件(基本的组件------扩展的功能强大的组件)
//Picker抽象类,具有唯一的触发按钮用于在字段下方动态弹出面板
//拾取器组件如:(1.ComboBox,2.Date,3.Time)
//初始化信息提示功能
Ext.QuickTips.init();
//二、隐藏字段Ext.form.field.Hidden
var hiddenForm = Ext.create('Ext.form.Panel',{
title : 'Ext.form.field.Hidden示例',
width : 300,
height : 140,
renderTo : 'hiddenForm',
frame : true,
bodyStyle : 'padding:5px',
defaultType : 'textfield',
defaults : {
width : 200,
labelWidth : 70,
labelSeparator : ': ',
labelAlign : 'left'
},
items : [{
name : 'username',
fieldLabel : '用户名'
},{//隐藏域
name : 'age',
xtype : 'hidden',
value : 50
},{
name : 'sex',
fieldLabel : '性别'
}],
buttons : [{
text : '确定',
handler : function(){
console.info(hiddenForm.getForm().getValues());
}
}]
});
});