(12)ExtJS之Ext.form.field.Radio、Ext.form.field.Checkbox
2014-02-27 17:08
441 查看
JS文件:
JSP文件:
//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', fieldLabel:'爱好', boxLabel:'散步' } ] }); });
JSP文件:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'JS1.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- extjs的样式文件 --> <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"> <!-- extjs的核心文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script> <!-- 国际化文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="base/009_text.js"></script> </head> <body style="margin:10px"> <div id="form"></div> <!-- 错误信息展示元素 --> <div id="errorMsg"></div> </body> </html>
相关文章推荐
- JS教程:addDOMLoadEvent事件
- JavaScript HTML DOM 事件
- 【技术】js控制滚动条位置
- (11)ExtJS之Ext.form.field.Number数字输入框
- (3)javascript 基本概念--- -- 数据类型
- (10)ExtJS之Ext.form.filed.TextArea文本区
- (9)ExtJS之Ext.form.field.Text
- 页面跳转的几种用法
- Javascript入门之改变图片
- 如何循序渐进地学习Javascript
- XML和JSON两种数据交换格式的比较
- 关于使用js的setAttribute和getAttribute取dom属性在ie ff safri下的问题
- js 阻止冒泡,ajax 同步, unfined 类型判断 ,checkBox 全选
- Extjs触发单击、双击、右击事件。
- 每一个Javascript程序员都应该了解的浮点知识
- js 打印DIV内容 print div 兼容IE FF Google等主流浏览器
- jstl中fn表达式的应用
- JSDoc 3 生成javascript API文档
- 使用fastjson导致主键自增列错误 Failed to insert row into content:
- javascript之事件绑定