请问，button的label如何实现动态换行

forrlx

系统在运行过程中需要在button上显示一个倒计时功能，为了不让button显得太长，希望实现换行，在原来的label内容下面换行，显示倒计时 “XX分XX秒”

从论坛上搜了一下，此前有人问过此问题，http://bbs.wex5.com/forum.php?mod=viewthread&tid=85730
解决方法可以解决一次修改后面不变的情况，但对于动态修改和换行好像不行。

谢谢！

cgrddv

<br/>
是标准的html语句，你看一下你动态加载的时候是不是<br/>位置错了。或者你给里面的内容放两个span来表示
，每个span都是display:block

forrlx

button组件只能修改label，中间加上换行符没有用。 会直接把“<br/>”显出来，而不是换行。

如果是直接修改html，怎样动态修改html中的内容？  下面是一个button的html代码

                      <a component="$UI/system/components/justep/button/button"
                        class="btn x-orange btn-lg btn-icon-top pull-left" label="转单"
                        xid="buttonZD" style="top:2;left:3;height:98%;width:100%;"
                        icon="icon-android-system-back" bind-enable=" "
                        bind-visible="$model.dataShowOrder.val("orderFlag")  ==  "others"  &&  $model.dataShowOrder.val("dealStep") < 3"
                        bind-disable=" $model.dataShowOrder.val("tszdFlag")  == 3">
                        <i xid="i17" class="icon-android-system-back"/>  
                        <span xid="span18">转单</span>
                      </a>

cgrddv

forrlx 发表于 2016-9-27 08:14
button组件只能修改label，中间加上换行符没有用。 会直接把“”显出来，而不是换行。

如果是直接修改html ...

你的label就是span里面的值，比如“我要换行”想让这两个分开两行，那你用这样<span>我要</span><br/><span>换行</span>

forrlx

cgrddv 发表于 2016-9-27 13:31
你的label就是span里面的值，比如“我要换行”想让这两个分开两行，那你用这样我要换行 ...

如果是直接修改html，怎样动态修改html中的内容呢？

注意我是要做一个倒计时功能，每一秒label值都要变一次，怎样在js代码中改这个<span>的值呢?

cgrddv

forrlx 发表于 2016-9-28 08:58
如果是直接修改html，怎样动态修改html中的内容呢？

注意我是要做一个倒计时功能，每一秒label值都要变 ...

用JS里的周期性定时器+DOM

forrlx

cgrddv 发表于 2016-9-28 09:49
用JS里的周期性定时器+DOM

怎么获取和操作dom呀?  能给个案例不

cgrddv

forrlx 发表于 2016-9-28 16:54
怎么获取和操作dom呀?  能给个案例不

没有这个案例的，我写个小的，你自己往里面套吧
var me =this;
window.setInterval(change,1000);
function change () {
me.getElementByXid(span).html=你的值;
}

forrlx

cgrddv 发表于 2016-9-29 10:36
没有这个案例的，我写个小的，你自己往里面套吧
var me =this;
window.setInterval(change,1000);

谢谢!  已搞定