分类:
版权声明:本文为博主原创文章,未经博主允许不得转载。
JS文件:
- Ext.onReady(function(){
- Ext.QuickTips.init();
- var testForm=new Ext.form.Panel({
- title:'Ext.form.field.TextArea示例',
- bodyStyle:'padding:5',//表单边距
- frame:true,
- height:150,
- width:250,
- renderTo:'form',
- items:[{
- xtype:'textarea',
- fieldLabel:'备注',
- id:'memo',//字段组件id
- labelSeparator:':',//分隔符
- labelWidth:60,//标签宽度
- width:200
- }],
- buttons:[{text:'确定',handler:showValue}]
- });
- function showValue(){
- var memo=testForm.getForm().findField('memo');//去的输入控件
- alert(memo.getValue());//取得控件值
- }
- });
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>