Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框

1、Ext.form.field.CheckBox和Ext.form.field.Radio主要配置项目

配置项	类型	说明
boxLabel	String	紧靠复选框的文字描述
boxLabelAlign	String	设置复选框关联标签的位置，有效值包括：“before”和“after”，默认为“after”
checked	Boolean	设置复选框默认是否被选中，默认为false
handler	Function	设置当选中状态发生变化时的处理函数，传入参数为： checkbox：Ext.form.Checkbox复选框组件 checked:Boolean新的选中状态
inputValue	String	提交值，默认为“on”
scope	Object	设置handler处理函数的作用范围
uncheckedValue	String	设置当复选框未选中时向后台提交的值，默认为undefined

2、Ext.form.field.CheckBox和Ext.form.field.Radio示例

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"><title>Ext.form.field.CheckBox和Ext.form.field.Radio示例</title><link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" /><script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script><script type="text/javascript">Ext.onReady(function () {new Ext.form.Panel({title: "Ext.form.field.CheckBox和Ext.form.field.Radio示例",bodyStyle: "padding:5",frame: true,height: 150,width: 300,renderTo: Ext.getBody(),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",fieldLabel: "爱好",boxLabel: "散步"}]});});</script>
</head>
<body>
</body>
</html>

效果图：

转载于:https://www.cnblogs.com/libingql/archive/2012/04/21/2460961.html

Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框相关推荐

layui单选框verify_layui 实现自动选择radio单选框(checked)的方法
HTML表单: 消息通知 JS用ajax去后端取回数据: $.get( "{:url('user/xxxx')}", {'id':adminId}, function(d){ // ...
python图形编程复选按钮和单选按钮详细说明_Python_tkinter_单选框（Radiobutton）与复选框（Checkbutton）...
单选框(Radiobutton)与复选框(Checkbutton) thinter.Radiobutton(用于存放的父组件,属性参数...) thinter.Checkbutton(用于存放的父组件 ...
js获取checkbox复选框获取选中的选项
分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数. js实现: var form = document. ...
html5复选框控制按钮状态,HTML input checkbox复选按钮简介说明
摘要: 下文讲述html代码中input type='checkbox'时的相关属性简介说明,如下所示: input type='checkbox' 简介当input标签中type='checkbo ...
layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...
layui复选框怎么取值_layui如何获取checkbox复选框的值
layui如何获取checkbox复选框的值发布时间:2020-10-21 17:07:09 来源:亿速云阅读:164 作者:Leah 本篇文章给大家分享的是有关layui如何获取checkbox ...
js checkbox复选框实现单选功能
本文仅供学习交流使用,demo下载见文末 js checkbox复选框实现单选功能 <script type="text/javascript">$(":ch ...
checkbox复选框样式
随着现代浏览器的流行,纯CSS设置checkbox也变的很是实用,下面会讲到5种与众不同的checkbox复选框. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要 ...
android勾选控件_Android中CheckBox复选框控件使用方法详解
CheckBox复选框控件使用方法,具体内容如下一.简介 1. 2.类结构图二.CheckBox复选框控件使用方法这里是使用java代码在LinearLayout里面添加控件 1.新建Linea ...

Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框

Ext.form.field.CheckBox复选框和Ext.form.field.Radio单选框相关推荐

最新文章

热门文章