起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2717|回复: 5

[结贴] 写在button上的bind-text内容长度会超出button,该如何换行?

[复制链接]

38

主题

132

帖子

360

积分

中级会员

Rank: 3Rank: 3

积分
360
QQ
发表于 2018-5-29 09:42:31 | 显示全部楼层 |阅读模式
我的代码是:
<div class="x-col x-col-75" xid="col3">
                <a component="$UI/system/components/justep/button/button"
                  class="btn btn-link btn-sm btn-block" bind-text="(全部价款和价外费用-分包支出)÷(1+3%)x3%"
                  xid="D" urlMapping="D" style="font-size:12px;color:#000000;">
                  <i xid="i4"/>  
                  <span xid="span6">选项D</span>
                </a>
              </div>
因为我要出发button的onclick方法来更改选中样式,所以bind-text只能写在<a>里,

但是这样写的话,我的bind-text的内容会超出button的范围,却不会自己换行,该如何做?如图:
QQ图片20180529094009.png

发表于 2018-5-29 10:36:48 | 显示全部楼层
文字自动换行,直接使用span标签就可以了! button是按钮,不要用来做文字显示
span 也可以设置点击事件,也可以设置样式 和 bind-text属性
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

38

主题

132

帖子

360

积分

中级会员

Rank: 3Rank: 3

积分
360
QQ
 楼主| 发表于 2018-5-29 10:52:23 | 显示全部楼层
liangyongfei 发表于 2018-5-29 10:36
文字自动换行,直接使用span标签就可以了! button是按钮,不要用来做文字显示
span 也可以设置点击事件, ...

我想要获取xid的值,但是var xid = event.source.getXid();这个方法,只有在button上才好用,放到span里边此方法获取不到xid,这是为什么?
回复 支持 反对

使用道具 举报

38

主题

132

帖子

360

积分

中级会员

Rank: 3Rank: 3

积分
360
QQ
 楼主| 发表于 2018-5-29 10:53:42 | 显示全部楼层
liangyongfei 发表于 2018-5-29 10:36
文字自动换行,直接使用span标签就可以了! button是按钮,不要用来做文字显示
span 也可以设置点击事件, ...

能获取xid:
<a component="$UI/system/components/justep/button/button"
                  class="btn btn-link btn-sm btn-block" bind-text="选项C"
                  xid="C" onClick="openPage" urlMapping="C" style="font-size:12px;color:#000000;">
                  <i xid="i4"/>  
                  <span xid="span6">选项C</span>
                </a>

不能获取xid:
<span bind-click="openPage" bind-text="选项B"
                  xid="B"  urlMapping="B" style="font-size:12px;color:#000000;">选项B</span>
回复 支持 反对

使用道具 举报

发表于 2018-5-29 11:09:28 | 显示全部楼层
ttszily 发表于 2018-5-29 10:53
能获取xid:

                    

试试这样获取
http://docs.wex5.com/wex5-ui-question-list-2061/

$(event.currentTarget).attr('xid')
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

38

主题

132

帖子

360

积分

中级会员

Rank: 3Rank: 3

积分
360
QQ
 楼主| 发表于 2018-5-29 14:39:17 | 显示全部楼层
liangyongfei 发表于 2018-5-29 11:09
试试这样获取
http://docs.wex5.com/wex5-ui-question-list-2061/

确实可以这样获取,已经成功,请结贴,谢谢!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-3-28 16:06 , Processed in 0.071376 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表