关于导航按钮的设置

xcl

我想做一个导航栏的第一个按钮默认为点击状态的样式，我该怎么写

liangyongfei

http://docs.wex5.com/wex5-ui-question-list-2073

xcl

谢谢哈！这样设置达到了默认状态的效果，但我如果想打开的时候是默认样式，后来随着按钮的点击进行切换状态，样式动态改变，那我该怎么写。

liangyongfei

xcl 发表于 2016-12-16 09:08
谢谢哈！这样设置达到了默认状态的效果，但我如果想打开的时候是默认样式，后来随着按钮的点击进行切换状态 ...

你是使用了list组件吗？？
如果没有使用，就在没法按钮的点击事件中，动态把所有按钮样式改成默认的，然后把当前按钮设置成激活的！

如果是list循环生成的按钮，可以通过动态绑定实现
http://docs.wex5.com/wex5-ui-question-list-2102/

xcl

liangyongfei 发表于 2016-12-16 10:54
你是使用了list组件吗？？
如果没有使用，就在没法按钮的点击事件中，动态把所有按钮样式改成默认的，然 ...

我没有使用list组件，想问下用在wex5中用JS代码怎么写

liangyongfei

xcl 发表于 2016-12-16 11:13
我没有使用list组件，想问下用在wex5中用JS代码怎么写

this.comp(''buttonXid) 就是获取button的组件对象，然后使用addClass removeClass 设置样式即可！

xcl

liangyongfei 发表于 2016-12-16 12:08
this.comp(''buttonXid) 就是获取button的组件对象，然后使用addClass removeClass 设置样式即可！ ...

Model.prototype.button5Click = function(event){
                 var btn = this.comp('button5');
                 btn.removeClass('nav');
                 btn.addClass('test');         
        };
这样设置了默认的样式，现在我要点击按钮，切换按钮的样式的触发事件怎么写

liangyongfei

xcl 发表于 2016-12-16 13:27
Model.prototype.button5Click = function(event){
                 var btn = this.comp('button5');
                 btn.removeCl ...

在其他按钮的点击事件写
  var btn = this.comp('button5');
                 btn.removeClass('test');
                 btn.addClass('nav');
就可以了啊！
就是把样式属性还原回来

xcl

liangyongfei 发表于 2016-12-16 14:31
在其他按钮的点击事件写
  var btn = this.comp('button5');
                 btn.removeClass('test'); ...

可以了 非常感谢