easyui-textbox的回显换行→getValue

2024-05-11 07:02:30

前文

已经比较少写easyui的内容了，但最近网上查比较简单的内容，看到众多博客写的内容都一样，还把问题搞复杂了，就简单地写一篇解决该问题。
问题是easyui-textbox的输入框输入的内容如果包含\n或者说换行的话，会被强行去除换行，比如说如下aaa\nbbb\nccc会转换成aaabbbccc：

aaa
bbb
ccc

转变：aaabbbccc
在比如我的项目里，想要获取一条SQL语句，结果无法识别换行符，将输入的SQL语句强行将空格删除合并到一起，具体如下：

问题解决

实际上这个问题很简单，但是多数博客都选择直接绕开，比如用textarea来间接的实现，我是翻了easyui官网，没看到相关的方法解决。后面才发现是我一开始的方法就错了，因为textbox的输入框除了官网提供的getValue、getText之外，我有时还是直接用JQUERY的选择器.val()的方式，因为比较简单，而且可以直接获取，但是问题就出在这，用JQ获取的值easyui框架就不会识别\n了。
所以解决办法就是将获取值的方式从JQ换成easyui的getValue，具体如下：
原先是：

var download_sql = $("#download_sql").val();

现在是：

var download_sql = $("#download_sql").textbox("getValue");

效果如下：
可以看到官网已经帮你封装的很好了，形成的参数也是完全复制输入的样式。

总结

所以很多时候官网找不到解决方法可以看下是不是自己的使用方法不当！好了，本次总结到此为止。

easyui-textbox的回显换行→getValue相关推荐

easyui TextBox 回显换行
项目遇到一个问题 TextBox 不能回显有换行的数据把换行数据 aaa bbb ccc 变成了aaabbbccc 网上找了些方法都不合适最后自己设置一个隐藏的textarea通过jquery ...
文本域多行文本回显换行问题
文本域回显换行问题先具体描述下问题: 管理后台文本域添加内容中带有换行,但未处理数据,传入后台保存到数据库,在展示页面需要回显,如果直接用此字段的话,并没有原先的换行样式 (1)下图为存数据时 (2 ...
textarea保存换行符以及回显换行
<textarea placeholder="请输入内容" id="management" name="management"> ...
easyUI下拉框默认选中和联动、内容回显
<td><input id="Area" name="Area" type="text" style="widt ...
EasyUI加zTree使用解析 easyui修改操作的表单回显方法验证框提交表单前验证 datagrid的load方法
带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{code: '01',name: 'name01' }); easyui修改操作的回显方法 ...
EasyUI加zTree使用解析 easyui修改操作的表单回显方法验证框提交表单前验证 datagrid的load方法...
带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{code: '01',name: 'name01' }); easyui修改操作的回显方法 ...
vue.js 回显textarea入的空格和换行
一.场景:用户在表单或者textarea中输入的带空格和换行的内容提交后,在其他地方查看输入内容必须与输入的内容保持一致. 输入时: 展示时: 二.实现 //输入时<div class=&quo ...
easyUI FileBox(文件框)的setValue不能用，回显文件名称则可以用prompt代替
FileBox(文件框)组件在表单当中表示一个文件上传的字段.它扩展自 textbox(文本框),大部分的属性.事件和方法都继承自文本框.但是由于浏览器的安全问题,其中的某些方法(如:"s ...
js textarea换行分隔成数组和数组转换行符textarea回显
在web的前端操作中,有时候需要将 html 的 textarea 标签元素中的内容以每行的形式转成一个数组并发向后台,在编辑的时候,数组数据需要taxtarea换行显示.那么该如何做呢? 下面这篇博 ...

最新文章

热门文章