grid行高适应文字之后，编辑时变为一行高度

regmail_only

grid的行高默认时固定的，我参考论坛帖子在js总实现grid行高适应文字，这样文字较多时会换行：
Model.prototype.grid1CellRender = function(event) {

                if (event.colName == "fWB" && event.colVal != undefined) {

                        event.html = "<div style='word-wrap:break-word; white-space:normal;'>"+event.colVal+"</div>";

                }
        };

显示效果：

但是点击文字进行修改时，又变成1行的高度了，很不方便：


请问有办法解决吗？

jishuang

编辑是用的是文本框，文本框默认是按照行高显示的，可以控制不让编辑打开详细页编辑
或者自己控制行高
http://doc.wex5.com/comps-datatables-grid/#4.1

regmail_only

jishuang 发表于 2016-9-18 09:39
编辑是用的是文本框，文本框默认是按照行高显示的，可以控制不让编辑打开详细页编辑
或者自己控制行高
http ...

感谢回复，文章我看了，还是没搞定。
我增加了一段css：
-----------------
/* 表格在编辑状态时，自适应高度 */
.x-grid tr.jqgrow td.x-grid-editing .x-grid-editer, .x-grid tr.jqgrow td.x-grid-editing .x-grid-editer.x-gridSelect .x-gridSelect-input {
    height: auto;
}
-------------------------
目前的效果，比之前略微好一点：不论当前单元格有几行文字，点击切换到编辑状态时，单元格的高度都会变为2行文字的高度。

但我想实现的效果是：单元格中的文字看到是几行，点击切换到编辑状态时就是几行的高度，这样用户体验最佳。
不知道怎么做到？

jishuang

使用rowAttr属性——动态设置

    下图为设置了rowAttr属性的前后对比，编码等于JUSTEP时，背景色为粉色，否则为黄色
    rowAttr属性设置为$row.val(‘sCode’)==’JUSTEP’?{style:’height:50px;background:pink;’}:{style:’height:50px;background:yellow;’}

regmail_only

jishuang 发表于 2016-9-18 15:29
使用rowAttr属性——动态设置

    下图为设置了rowAttr属性的前后对比，编码等于JUSTEP时，背景色为粉色， ...

没有看明白，能否说的更详细一些？

jishuang

自己判断字段值的长度在rowAttr属性动态设置高度啊

regmail_only

jishuang 发表于 2016-9-20 17:20
自己判断字段值的长度在rowAttr属性动态设置高度啊

表格的列宽是自适应屏幕的，没法根据字段长度来判断应该占用几行哦。

jishuang

把宽度设置为固定值不行吗？那就控制不让编辑，在onCellRender中用textarea去显示内容编辑内容，自己控制获取编辑的内容给关系赋值看看

regmail_only

jishuang 发表于 2016-9-21 11:12
把宽度设置为固定值不行吗？那就控制不让编辑，在onCellRender中用textarea去显示内容编辑内容，自己控制获 ...

在grid中，这个字段往往是大段内容，固定宽度的话界面就不好看了。
暂时先这样吧，留待以后研究。
多谢，请结贴吧。