(10)ExtJS之Ext.form.filed.TextArea文本区

最新推荐文章于 2022-03-30 20:46:08 发布
最新推荐文章于 2022-03-30 20:46:08 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： ExtJs

(10)ExtJS之Ext.form.filed.TextArea文本区

2014-02-27 16:57  1020人阅读  评论(0)  收藏  举报
  分类：

版权声明：本文为博主原创文章，未经博主允许不得转载。

JS文件：

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. Ext.onReady(function(){  
  2.   
  3.         Ext.QuickTips.init();  
  4.         var testForm=new Ext.form.Panel({  
  5.                 title:'Ext.form.field.TextArea示例',  
  6.                 bodyStyle:'padding:5',//表单边距  
  7.                 frame:true,  
  8.                 height:150,  
  9.                 width:250,  
  10.                 renderTo:'form',  
  11.                 items:[{  
  12.                     xtype:'textarea',  
  13.                     fieldLabel:'备注',  
  14.                     id:'memo',//字段组件id  
  15.                     labelSeparator:':',//分隔符  
  16.                     labelWidth:60,//标签宽度  
  17.                     width:200  
  18.                 }],  
  19.                 buttons:[{text:'确定',handler:showValue}]  
  20.         });  
  21.         function showValue(){  
  22.             var memo=testForm.getForm().findField('memo');//去的输入控件  
  23.             alert(memo.getValue());//取得控件值  
  24.         }  
  25.       
  26. });  

jsp文件：

[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6.   
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9.   <head>  
  10.     <base href="<%=basePath%>">  
  11.       
  12.     <title>My JSP 'JS1.jsp' starting page</title>  
  13.       
  14.     <meta http-equiv="pragma" content="no-cache">  
  15.     <meta http-equiv="cache-control" content="no-cache">  
  16.     <meta http-equiv="expires" content="0">      
  17.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  18.     <meta http-equiv="description" content="This is my page">  
  19.     <!-- extjs的样式文件 -->  
  20.     <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css">  
  21.     <!-- extjs的核心文件 -->  
  22.     <script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script>  
  23.     <!-- 国际化文件 -->  
  24.     <script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script>  
  25.       
  26.     <script type="text/javascript" charset="utf-8" src="base/009_text.js"></script>  
  27.   
  28.   
  29.   </head>  
  30.     
  31.     
  32.   <body style="margin:10px">  
  33.     <div id="form"></div>   
  34.     <!-- 错误信息展示元素 -->  
  35.     <div id="errorMsg"></div>  
  36.   </body>  
  37. </html>  
javaPie
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
(9)ExtJS之Ext.form.field.Text
虚心求学_一点一滴
02-27 2957
JS文件： Ext.onReady(function(){ Ext.QuickTips.init(); var loginForm=new Ext.form.Panel({ title:'Ext.form.field.Text示例', bodyStyle:'padding:5',//表单边距 frame:true, height:120, width:200, ren
Ext.form表单中各种属性应用详解
09-24
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
Extjs4中的Form之TextArea
jcy472578的专栏
11-25 1969
Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框大文本的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', rend
Extjs学习笔记1----------消息框，文本框，文本域，进度条的使用
zhujiongming的专栏
11-04 4780
ExtJS 是一个很不错的Ajax 框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s 应用更加具有活力及生命力。ExtJS  是一个用javascript 编写，与后台技术无关的前端ajax 框架。   学习Extjs就要从基础组件开始学起，通过小例子进行一步一步的学习。 1.首先到Extjs官网进行下载Extjs的包http://extjs.org.cn/no
Ext.from.field.Text文本框
weixin_33989058的博客
04-15 2488
1、Ext.from.field.Text组件主要配置项目表 配置项类型说明 allowBlank Boolean 是否允许为空，默认为空true blankText String 是否允许为空验证失败后提示消息 disableKeyFilter Boolean 设置为true则禁用键盘输入过滤，默认为false emptyCls Str...
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
10-19
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
extjs-Ext.ux.form.LovCombo下拉框
11-04
在EXTJS框架中，`Ext.ux.form.LovCombo`是一种自定义组件，它扩展了基本的`Ext.form.field.ComboBox`，提供了更丰富的功能，尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”（即“Look Up Value”...
Extjs 继承Ext.data.Store不起作用原因分析及解决
01-19
关于这个原因有很多种，我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
ExtJS下 Ext.Direct加载和提交过程排错小结
10-27
基础夯实一点，会有好处的，排错的时候就体现出来了,下面就Ext.Direct做一些排错笔记与大家一一分享，感兴趣的朋友可以参考下哈
Extjs Ext.MessageBox.confirm 确认对话框详解
12-09
Ext.MessageBox.confirm()详解 显示一个确认对话框，用来代替JavaScript标准的confirm()方法，具有两个按钮“是”和“否”如果为其提供一个回调函数，则该函数将在单击按钮后被调用(包括右上角的...
[Ext JS]3.2.2 文本输入框textfield
oscar999的专栏
03-30 958
Ext.form.field.Text （xtype: textfield） 一般使用在表单（Form）面板中用于接收一般的输入， textfield对应标准html 的 文本类型的input 。其可以作为更复杂的输入控件的基类（比如Ext.form.field.TextArea或Ext.form.field.ComboBox）。
ExtJs控件属性配置详细
weixin_34233618的博客
08-27 429
序言：    1.本文摘自网络，看控件命名像是4.0以前的版本，但控件属性配置仍然可以借鉴（不足之处，以后项目用到时再续完善）。 Ext.form.TimeField:   配置项：            maxValue：列表中允许的最大时间            maxText：当时间大于最大值时的错误提示信息            minValue：列表中允许的最小时间        ...
Ext文本输入框:Ext.form.TextField属性汇总
b052718的专栏
04-22 679
Ext.form.TextField主要配置表: allowBlank Boolean 是否允许为空(默认true) blankText String 为空验证失败提示信息 emptyText String 空字段中默认显示信息 grow Boolean 设置字段是否根据内容伸缩(默认false) growMax Number 字段伸展的最大宽度(默认800) growMin Numb...
ExtJs之Text文本框Text和文本域TextArea
热门推荐
飞鸟的轨迹
02-26 1万+
文本框Text //添加身份证号码校验 var creditCard = Ext.create('Ext.form.field.Text', { fieldLabel : '身份证号', name : 'creditCard', renderTo : 'creditCardDiv', labelAlign : 'right', emptyText: ...
Ext.form.TextField与Ext.form.TextArea
asnn0208的专栏
07-11 2977
个人的一些小错误，虽然对大多数人没啥帮助，就当是记录一下自己学习extjs的过程。 Ext.form.TextField个人认为是单行文本域，就是不能换行的那种。项目需要文本框进行换行显示，找了好久也没有发现Ext.form.TextField有那个属性可以设置自动换行，反而发现了Ext.form.TextArea（多行文本域）主要用来满足多行文本的输入。     items:[{    
ExtJs中TextField与TextArea的只读属性设置
weixin_34414196的博客
07-17 469
如果是TextField，动态设置只需要调用readOnly=true;或者是readOnly=false;就可以啦！ var aa=new Ext.form.TextField({ name:'aa', fieldLabel:'测试', value:'123' }); aa.readOnly=true; 但是ExtJs3.0以前的版本...
extjs 获取form里textfield的值
okhelp的专栏
04-20 3008
获取form中textfield的值有多种方法，但是有的方法有问题： 如果文本框中的值没有被改动过，哪种方法都可以。 如果文本框的内容已经被修改，extjs的API中提到的field.getValue()方法就不行了，获取到的还是原来的内容。 亲测：Ext.getDom('id').value 和原始的document.getElementById('id').value方法可以使用
Extjs文本输入域
weixin_30311605的博客
10-24 124
var form = Ext.create('Ext.form.Panel', { renderTo: Ext.getBody(), frame: true, width: 400, height: 180, title: '多行输入', ...
ExtJs3.0 Ext.form.CheckboxGroup批量取值和设值方法
最新发布
05-24
Ext.form.CheckboxGroup是一个可以包含多个checkbox的组件，可以通过以下方法批量取值和设值： 1. 批量取值： ```javascript var checkboxGroup = Ext.getCmp('checkboxGroupId'); // 获取组件 var values = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值