(8)ExtJS之form表单
2014-02-25 13:21
483 查看
008_form.js:
JSP页面:
//1:表单字段实例 Ext.onReady(function(){ Ext.QuickTips.init();//初始化信息提示功能 var form=new Ext.form.Panel({ title:'表单',//表单标题 height:120,//表单高度 width:200, frame:true,//是否渲染表单 renderTo:'form', defaults:{//统一设置表单字段默认属性 //autoFitError:false,//展示错误信息时是否自动调整字段组件宽度 labelSeparator:':',//分隔符 labelWidth:50, width:150, allowBlank:false,//是否允许为空 labelAlign:'left',//标签对齐方式 //msgTarget:'qtip' //显示一个浮动的提示信息 //msgTarget:'title' //显示一个浏览器原始的浮动提示信息 //msgTarget:'under'//在字段下方显示一个提示信息 msgTarget:'side'//在字段的右边显示一个提示信息 //msgTarget:'none'//不显示提示信息 //msgTarget:'errorMsg'//在errorMsg元素内显示提示信息 }, items:[{ xtype:'textfield', fieldLabel:'姓名'//标签内容 },{ xtype:'numberfield', fieldLabel:'年龄' }] }); });
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/008_form.js"></script> </head> <body style="margin:10px"> <div id="form"></div> <!-- 错误信息展示元素 --> <div id="errorMsg"></div> </body> </html>
相关文章推荐
- Extjs form validate 表单验证
- ExtJS form表单常用元素操作
- 关于JQuery中两个要注意的地方(结合Extjs的grid滚动条及使用form插件提交表单)
- ExtJS学习笔记(5)- Form表单的提交 -Ext.FormPanel
- extjs form表单实现登陆跳转
- ExtJs 备忘录(1)—— Form表单(一) [ 控件使用 ](1)
- Extjs form表单获得Values,表单控件没有Name,只有值时,如何获取后面的值
- ExtJS4组件_form表单配置-属性-方法详解
- Extjs自定义form表单验证
- extJS提交form表单数据的方式: Ext.Ajax.request,form.submit,getEl().dom.submit()
- Extjs中Form表单combobox重置后初始化值为空问题解决
- ExtJs 备忘录(1)—— Form表单(一) [ 控件使用 ](2)
- Extjs form validate表单验证使用心得
- ExtJs 备忘录(2)—— Form表单(二) [ 控件封装 ]
- ExtJS4组件_form表单配置-属性-方法详解
- ExtJS2.2 form表单提交时不提交emptyText
- Extjs的form表单中,如何不提交数据
- extJs form表单textfield中包含中文的长度验证问题
- extjs中form表单提交成功、失败的响应信息