(12)ExtJS之Ext.form.field.Radio、Ext.form.field.Checkbox

最新推荐文章于 2024-07-29 17:49:33 发布

原创最新推荐文章于 2024-07-29 17:49:33 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

ExtJS案例同时被 2 个专栏收录

47 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

EXTJS代码

47 篇文章

订阅专栏

本文详细探讨了ExtJS中Ext.form.field.Radio和Ext.form.field.Checkbox的用法，包括如何创建、配置及与其他组件交互，助力开发者在JavaScript应用中实现更丰富的表单元素操作。

JS文件：

//4：Radio、Checkbox，但是没有横排
Ext.onReady(function(){

	new Ext.form.Panel({
		title:'Ext.form.field.Checkbox和Ext.form.field.Radio示例',
		bodyStyle:'padding:5 5 5 5',//表单边距
		frame:true,
		height:150,
		width:250,
		renderTo:'form',
		defaults:{//统一设置表单字段默认属性
			labelSeparator:':',//分隔符
			labelWidth:80,//标签宽度
			width:200,//字段宽度
			labelAlign:'left'//标签对齐方式
		
		},
		items:[{
			xtype:'radio',
			name:'sex',//名字相同的复选框会作为一组
			fieldLabel:'性别',
			boxLabel:'男'
		},{
			xtype:'radio',
			name:'sex',//名字相同的复选框会作为一组
			fieldLabel:'性别',
			boxLabel:'女'
		},{
			xtype:'checkboxfield',
			name:'swim',
			fieldLabel:'爱好',
			boxLabel:'游泳'
		},{
			xtype:'checkboxfield',
			name:'walk',
			f

了解本专栏