<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Contact Form</title>
<!-- ExtJS --> <script type="text/javascript" src="../../locale/ext-lang-zh_CN.js"></script> <script type="text/javascript" src="../../bootstrap.js"></script>
<!-- Shared --> <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<!-- GC -->
<!-- Example --> <script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
var form =new Ext.form.FormPanel({
title:'Ext.form.field.Checkbox和Ext.form.field.Radio示例',
bodyStyle:'padding:5 5 5 5',//表单边距
renderTo:'form',
frame:true,
height:150,
width:250,
defaults:{
labelSeparator:': ',
labelWidth:50,
width:200,
labelAlign:'right',
msgTarget:'side'
},
items:[{
fieldLabel:'性别',
xtype:'radiogroup',
columns:2,
items:[{boxLabel:'男',name:'sex',inputValue:'male'},
{boxLabel:'女',name:'sex',inputValue:'female'}]
},{
fieldLabel:'爱好',
xtype:'checkboxgroup',
columns:3,
items:[{boxLabel:'游泳',name:'swim'},
{boxLabel:'散步',name:'walk'},
{boxLabel:'电影',name:'movie'},
{boxLabel:'游戏',name:'game'},
{boxLabel:'阅读',name:'read'},
{boxLabel:'散步',name:'walk'}]
}]
});
});
</script>
<style type="text/css"> </style> </head> <body> <div id='form'></div> </body> </html>