写在button上的bind-text内容长度会超出button，该如何换行？

ttszily

我的代码是：
<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的范围，却不会自己换行，该如何做？如图：

liangyongfei

文字自动换行，直接使用span标签就可以了！ button是按钮，不要用来做文字显示
span 也可以设置点击事件，也可以设置样式 和 bind-text属性

ttszily

liangyongfei 发表于 2018-5-29 10:36
文字自动换行，直接使用span标签就可以了！ button是按钮，不要用来做文字显示
span 也可以设置点击事件， ...

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

ttszily

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>

liangyongfei

ttszily 发表于 2018-5-29 10:53
能获取xid：

                    

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

$(event.currentTarget).attr('xid')

ttszily

liangyongfei 发表于 2018-5-29 11:09
试试这样获取
http://docs.wex5.com/wex5-ui-question-list-2061/

确实可以这样获取，已经成功，请结贴，谢谢！