mobile的grid单元格如何换行

btt132 · 发表于 2020-11-30 15:47:09

本帖最后由 btt132 于 2020-11-30 15:56 编辑

在mobileUI中使用了grid控件,在UI中可以通过将字段设置为testarea实现换行，在mobileUI中如何实现grid单元格换行呀

jishuang · 发表于 2020-11-30 16:02:19

跟UI一下，onRender中控制

btt132 · 发表于 2020-11-30 16:15:44

本帖最后由 btt132 于 2020-11-30 16:30 编辑

在grid的grid2RenderCell 事件中加了下面语句
if (event.colVal != undefined){
event.html = "<div style='word-wrap:break-word; white-space:normal;'>" + event.colVal + "</div> ";} 运行时没有变化
5.2.7版本UI中只要设为textarea就可以了，你说的渲染有参考案例吗

jishuang · 发表于 2020-11-30 17:16:53

参考/mobileUI/demo/misc/process/order/mainActivity.w中编辑和删除按钮的实现

btt132 · 发表于 2020-12-1 11:00:03

加上div控件了，也不起作用呢

jishuang · 发表于 2020-12-1 11:36:30

浏览器F12样式调试看看

btt132 · 发表于 2020-12-1 13:50:25

本帖最后由 btt132 于 2020-12-1 14:57 编辑

在css文件中进行了如下设置
div{
word-wrap:break-word;
white-space:normal;
}
运行后，grid的表头进行了换行，表体没有变化，是哪设置的不对么

jishuang · 发表于 2020-12-1 19:33:13

浏览器F12样式调试看看，只看代码看不出问题

btt132 · 发表于 2020-12-2 14:05:50

调试的结果

jishuang · 发表于 2020-12-2 14:17:33

定位你的列啊，你这定位的是什么？
先看看css的调试吧https://docs.wex5.com/css-debug/

		自动登录	找回密码
密码			注册

[结贴] mobile的grid单元格如何换行