ExtJS3.4 xtype：'displayfield' 无法解析换行

最新推荐文章于 2020-12-23 12:36:18 发布
原创 最新推荐文章于 2020-12-23 12:36:18 发布 · 3.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#xtype的控件 无法解析换行

本文探讨了在 ExtJS 框架中不同组件如何处理文本换行的问题。指出 displayfield 不支持自动解析换行符，textField 和 Field 也仅显示单行文本而不解析换行。相比之下，textarea 组件能够正确解析并展示换行。

在使用xtype属性的时候，displayfield是无法实现换行的，即不可以自动解析“\r\n”，“\n”，"<BR>"

textField , Field 只有一行，也不会解析换行

textarea 可以自动解析换行

[Ext JS 3.2] 显示字段(displayfield)
oscar999的专栏
04-26 801
displayfield仅仅是用于显示的栏位， 不能编辑，将其放在form 中的时候： * 不会进行验证 * 值也不会提交 （使用form.getValues() 获取form里面字段属性值的时候， 是不包括 displayfield的）
extjs中的xtype的所有类型介绍
01-28
ExtJS 中的 xtype.typename 介绍 ExtJS 中的 xtype 是一个非常重要的概念，它用于定义组件的类型，从而确定组件的行为和样式。xtype 是 ExtJS 的核心组件之一，它提供了大量的组件类型，满足不同场景下的需求。 ...
extjs 使用displayfield占位并去掉冒号
qq_19461357的博客
08-14 1578
{     fieldLabel: '&amp;nbsp;',//显示空白     labelSeparator: '',//去掉冒号     xtype: 'displayfield', } 
数字、英文不自动换行的解决办法
weixin_30399821的博客
02-11 277
数字、英文不自动换行的解决办法 　　自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字...
Extjs4中的Form之displayfield的使用
jcy472578的专栏
11-26 9010
只是用来展示，不能对其操作 Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create("Ext.form.Panel",{ title:'本地Display实例', renderTo:'formDemo', bodyPadding:'5 5 5 5', height:100, width:270, frame:t
ExtJS 的表单字段组件xtype: &#39;displayfield&#39; 如何设置滚动条
最新发布
08-16
在 ExtJS 中，`displayfield` 是一种用于展示只读文本的表单字段组件，通常用于显示静态文本内容。默认情况下，`displayfield` 不具备滚动条功能。如果希望为其添加滚动条，可以通过自定义 CSS 样式或使用容器组件来...
精选资源
extjsapi/extjs3.4
09-01
extjsapi,extjs文档，api手岫
ExtJs3.4 api
09-19
extjs3.4api，很实用，方便大家学习extjs，欢迎大家下载 extjs3.4中文api，很实用，方便大家学习extjs，欢迎大家下载
ExtJS 3.4全包下载：深入了解Ajax实例应用
根据提供的文件信息，我们可以围绕ExtJS 3.4这个版本和AJAX实例展开详细的知识点说明。首先，ExtJS是一个功能强大的前端JavaScript框架，用于开发跨浏览器的富互联网应用程序（RIA）。在本例中，涉及的是ExtJS 3.4...
Extjs4---json数据包含回车换行处理
lc448986375的专栏
11-28 3353
当后台返回的json数据中包含回车换行时，js就无法正常解析，所以，会导致在grid显示空白，因为json数据包含回车换行， 解决办法就是在json数据转为对象前对数据进行处理，比如可以替换掉里面的回车换行 我是在后台处理的： result = result.replaceAll("(\r\n|\r|\n|\n\r)", ""); return result;
Ext Combobox 显示valueField值 不显示displayField问题
心安静则无躁，心干净则无扰。
04-12 4988
问题： 在ExtJS中的form表单中有一个combobox组件，当它的显示值（displayField）和提交的值（valueField）不一样的时候，（我在项目中的情况是当表单提交成功后form表单窗口会隐藏掉，提交的值会在ExtJS的grid的列表中显示，之后在grid中双击该行记录，重新显示之前form表单窗口，并将值显示到form中，表单中的combobox组件显示的值为valueFi
extjs 添加选项卡
java技术交流
01-30 208
[code="javascript"] //添加标签（标签头信息，标签显示地址） function addtab(tabarea,text,url,pos){ var tab; try{ if(tabcount==0){ var tabs = new Ext.TabPanel(tabarea, {//向tabarea区域添加标签 tabPosition :...
extjs 计算日期之和_Extjs中DisplayField的日期或者数...-JavaScript的类型简单说明-JavaScript类和继承 this属性使用说明_169IT.COM...
weixin_39669204的博客
12-23 147
使用 Ext.form.FormPanel 来处理数据时候，某些字段是需要只读的。当然我们可以使用 Ext.form.TextField，然后设置成 ReadOnly，不过这样子的显示效果不是很好，因为始终会有个输入框。所以我们必须使用 Ext.form.DisplayField，但是 Ext.form.DisplayField 没有一个format的属性，也不具备 renderer 这个事件，比...
ExtJs6 combo下拉框分页、提示、换行提示等增强功能
eumenides_的博客
09-27 2049
先写一个最简易配置的远程下拉框配置： Ext.define('App.combo.UsrField', { extend: 'Ext.form.ComboBox', alias: 'widget.usrfield', emptyText : '输入城市自动检索', displayField: 'name', valueField: 'id', minC
extjs4重写验证textfidld不能输入空格
此间少年的专栏
04-17 571
        在extjs4中的表单验证里面虽然能够通过allowBlank : false配置控件不能为空，但是如果在控件里面输入空格的话就很轻松的骗过了验证，这显然是不合理的，我想到的解决办法是通过重写TextField控件的验证器再加一个判断空格的验证： Ext.apply(Ext.form.TextField.prototype, { valida...
Ext中获取combobox中的valueField和displayField的值
热门推荐
jcy472578的专栏
12-23 1万+
Extjs代码   Ext.getCmp("schemaVersion").value //取到的是valueField 的值   Ext.getCmp("schemaVersion").value //取到的是valueField 的值 Extjs代码   Ext.get('schemaVersion').dom.value //取到的是displayField 下拉框combo可以设置
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值