ExtJs2.0学习教程(7)–Ext.FormPanel之第四式(其他组件示例篇)-heycode-嘿！代码。a

上一篇：ExtJs2.0学习教程(6)–Ext.FormPanel之第三式(ComboBox篇)

N久没有写extjs的，作为一个新手，我为我的这种懒惰行为感到惭愧！
鉴于有朋友反应前面的文章过于简单，我决定以后的文章如果没有闪光点就放在新手区(如果不适合，请跟帖)，不放在首页！
11.checkbox简单示例
效果图：

js代码：

<!–

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

–>Ext.onReady(function(){
Ext.QuickTips.init();
var myform=new Ext.FormPanel({
frame:true,
width:330,
layout:”form”,
labelWidth:30,
title:”checkbox简单示例”,
labelAlign:”left”,
renderTExt.getBody(),
items:[{
xtype:"panel",
layout:"column",//也可以是table,实现多列布局
fieldLabel:\'爱好\',
isFormField:true,//非常重要,否则panel默认不显示fieldLabel
items:[{
columnWidth:.5,//宽度为50%
xtype:"checkbox",
boxLabel:"足球",//显示在复选框右边的文字
name:""
},{
columnWidth:.5,
xtype:"checkbox",
boxLabel:"篮球",
name:""
}]
}]
});
});