easyui datagrid editor的textarea不会自动换行？

最新推荐文章于 2021-03-25 16:22:59 发布
最新推荐文章于 2021-03-25 16:22:59 发布
阅读量4.2k 收藏
点赞数
分类专栏： Jquer Easyui 文章标签： easyui

easyui datagrid editor的textarea不会自动换行？

1
  悬赏园豆：5 [已关闭问题] 浏览: 2237次

设置了cols的值，但是就是不会自动换行，
如图：编辑前

编辑时：不会自动换行

怎么解决啊？哎，没豆了，不好意思。

晨之风的主页 晨之风  |  初学一级  | 园豆： 10
提问于：2013-03-15 17:31
所有回答(2)
0

这个问题解决了没、我也碰到了、求指教！

shenml  | 园豆：100  (初学一级)  | 2013-12-27 11:55
0

我也设置了 nowrap="false"属性，为什么我的不换行呢？你的可以换行呢？

王春天  | 园豆：214  (菜鸟二级)  | 2014-07-16 23:02

是在 table表格设置 data-options="nowrap:false"属性，在指定的列用formatter定义函数，

 formatter函数 返回 <div style="width: 100px;border:red 1px solid;display:block;word-break: break-all;word-wrap: break-word">内容</div>

ok

剑之风
关注
专栏目录
jquery easyui datagrid 回车切换列
skypeople的专栏
03-24 687
最近想给easyui 的datagrid加个回车切换列的功能，在网上找半天没合适的，只好自己实现一下。试图在keydown事件中将 enter 变成tab，测试了 类似这样的代码： if (e.which == 13||e.which == 9){ e.keyCode =9; e.which=9; e.key=...
EasyUI datagrid editor表格编辑
king_qc的博客
12-18 6912
话不多说，上代码。 $("#forecastGrid").datagrid({ url : contextPath + '/elc/elcForecast/queryPage.arz', iconCls:'icon-edit', pagination : true, pageSize : 5, page...
easyui datagrid 里面加文本框 textarea
a843013383的博客
01-10 2573
easyui 自带有通过editor来给datagrid的每一行都加输入框. 但是只有单行输入框 没有多行 textarea的输入框. 如何再easyui datagrid 里面加文本框 textarea呢? 下面直接上代码 formatter 写成这样 function formatter(val, row, index) { return '<textarea id = "tex...
Easyui datagrid 扩展单元格textarea editor
weixin_30596343的博客
01-11 590
datagrid 扩展单元格textarea editor by:授客 QQ：1033553122 测试环境 jquery-easyui-1.5.3 问题描述 如下，在没有扩展的情况下，初始化如下 手动拖拽，拖拽时一边往右侧拖拽，结果如下，上图那个拖拽图标被隐藏了。停止拖拽后无法再次拖拽 解决方案 扩展textarea 编辑器 函数说明 函数...
easyui textarea IE8中无法换行
mimi00x的专栏
06-09 755
经查 原代码textarea 应用了"textbox"css样式。 默认 white-space:nowrap; 修改为 "nornal",问题解决.
在EasyUI中设置TextArea的自动换行
秋冬瓜
03-10 7350
在属性中添加： word-wrap: break-word； var str = "=950){event.returnValue=false}'    style='width:320px;word-wrap: break-word' rows='3' cols='40'  id='Remarks" + rec.ExamItemID + "' name='Remarks" + rec.
EasyUI可扩展Editable DataGrid（可编辑数据表格）
08-10
标题 "EasyUI可扩展Editable DataGrid（可编辑数据表格）" 涉及的是一个流行的JavaScript框架——EasyUI中的一个特性。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架，它提供了一系列预定义的CSS样式和...
Easyui DataGrid 属性介绍
zefllj的博客
03-12 1118
总是记不住DataGrid属性，每次使用时总是要搜索一番，干脆记录到此 数据表格属性（DataGrid Properties） 属性继承控制面板，以下是数据表格独有的属性。 名称 类型 描述 默认值 columns array 数据表格列配置对象，查看列属性以获取更多细节。 undefined frozenColumns array 跟...
easyui去掉datagrid的滚动条
我是IT小菜鸟的博客
02-27 2万+
工作过程中需要去掉滚动条这个功能，由于是特别小的知识点，所以在此记录，以防忘记。 带滚动条时，如果数据超过规定大小则出现滚动条，否则不出现 但滚动条所占的宽度依然存在，两种状态截图如下： 去掉滚动条的方法：打开jquery.easyui.min.js文件，找到wrap.width();所在位置，改为wrap.width()+20;即可。修改后截图：
easyui datagrid实现行内编辑一列数据
时光匆匆独白 将颠沛磨成卡带
08-31 1万+
这篇文章主要想介绍一下easyui 的datagrid控件实现行内编辑的功能。 我着这里主要实现的大概功能就是：可以行内编辑人员类别的功能 一、实现的效果如下：             图1： 当我们点击【设置】的时候可以编辑人员类别,如图2 所示         图2： 从图2可以看出，我们可以人员类别下拉框中的选中我们希望设置的类别，然后保存到数据库 也可以点击取
easyui datagrid中实现上下左右、回车切换单元格
12-14
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
easyui datagrid实现实现上下左右和回车切换单元格
05-19
能够直接使用
jQuery-easyui textarea回车导 数据无法展示的问题
05-15
jQuery-easyui textarea回车导致 数据无法展示的问题
Jquery实现textarea自动换行
lcczzu的专栏
07-14 4057
今天做一个在线聊天小程序的时候，利用jquery把文本框中的内容放入文本域，发现嵌入Html代码没有反应，这是去网上查查没 找到答案，不过看到了这样一句话： jQuery的text()和val()都可以取到值。TextArea里面的原始换行是"\n\r"，用text()取的时候，换行变成了 "\r"，用val()取的时候，换行变 成"\n"，于是想到把改成\n问题解决 ht
easyui datagrid editor text事件绑定
qq_35201754的博客
03-25 689
.... .... <th id="skuCodeId" field="skuCode" width="150" data-options="editor: { type: 'text', options: { onClick:f..
easyui怎样实现textarea
08-27 532
uqery easyui 本身没有实现textarea的封装，用的知识html元素，但是提供了textarea的验证器。<textarea id="" rows=5 name="" class="textarea easyui-validatebox" }</textarea> 转载于:https://www.cnblogs.com/telwanggs/p/58123...
Textarea 自动换行实现
热门推荐
gnf_cc的博客
05-07 3万+
前端页面使用 Textarea 来输入内容时，可能会有这样的需求，要求用户在指定的位置处自动换行，指定位置处一般就是指定用户输入一定长度的字符。如下图所示： 而我们知道 Textarea 在默认情况下不会添加自动换行标记，也就是说 Textarea 如果不做处理，用户输入的始终是一行数据，保存到数据库中也是一行数据。这样在其他地方展示时就会有数据丢失的情况，本篇文章我们就来实现 Textar...
EasyUI datagrid回车下一个
foreverhot1019的博客
04-17 3768
--------------------------------------------------------------调用------------------------------------------------------------------ //开始编辑行时，赋值 联动数据         function onBeginEdit(rowIndex, rowData) {
datagrid编辑单元格回车换行_easyui-edatagrid.js实现回车键结束编辑功能的实例
weixin_39832643的博客
12-24 682
easyui的可编辑表格并不具备回车事件。这让edatagrid在结束编辑时的操作很麻烦，除非你点击其他行，或者点出表格否则不会取消编辑行。为了让结束编辑操作更简单些，我为每个单元格添加了回车事件，当回车时结束本行编辑，具体做法是重写edatagrid的onDblClickCell事件，如下：onDblClickCell : function(index, field, value) {if (o...
easyui datagrid editor 自动搜索
最新发布
08-10
easyui datagrid editor 自动搜索是指在编辑器中输入内容时，根据输入的内容自动搜索匹配的选项并进行展示。通过使用easyui datagrid提供的编辑器组件，我们可以实现这一功能。 首先，我们需要在datagrid的column中使用editor属性来定义编辑器，例如使用combobox作为编辑器： { field: 'name', title: '姓名', editor: { type: 'combobox', options: { valueField: 'id', textField: 'name', url: 'data.php', onShowPanel: function() { var keyword = $(this).combobox('getText'); $(this).combobox('reload', 'data.php?keyword=' + keyword); } } } } 在上面的例子中，我们定义了一个combobox作为编辑器，并设置了相关的属性。其中，valueField定义了选项值的字段名，textField定义了选项显示文本的字段名，url定义了获取选项数据的url地址。 在编辑器显示面板被打开时，我们可以通过调用onShowPanel事件的回调函数来实现自动搜索。在回调函数中，我们可以通过$(this).combobox('getText')获取当前输入的内容，然后根据这个内容构建查询参数并通过$(this).combobox('reload', url)方法重新加载选项数据。 这样，当我们在编辑器中输入内容时，编辑器会根据输入内容自动搜索匹配的选项并进行展示。这个功能可以提高用户的编辑效率，减少输入错误的可能性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值