按钮变色延时问题

184931481

按钮有个基本色，在按钮组件内放了AJAX传输过来得数据，并设置传输后按钮变色，但是发现按钮点击过后，等到全部加载完成后才会变色，请问点击后立即变色怎么处理！

jishuang

可以在按钮的onClick中给按钮设置颜色

184931481

jishuang 发表于 2017-11-22 14:29
可以在按钮的onClick中给按钮设置颜色

是在事件里面设置颜色的，但是颜色渲染是在按钮中的事件全部执行完毕后再渲染的

qiuxinw66

可用时间戳  可用动画

184931481

qiuxinw66 发表于 2017-11-22 14:43
可用时间戳  可用动画

有具体案例吗，求案例，谢谢！

liangyongfei

184931481 发表于 2017-11-22 14:41
是在事件里面设置颜色的，但是颜色渲染是在按钮中的事件全部执行完毕后再渲染的
...

你可以在调用ajax之前就修改颜色！
如果是ajax执行完了才修改颜色！就会慢的！
如果ajax是同步请求，就会等时间长 一些  
请问你的代码咋写的？啥时候执行修改颜色的？

关于样式的修改可以参考
http://docs.wex5.com/wex5-ui-question-list-2073

184931481

liangyongfei 发表于 2017-11-23 13:15
你可以在调用ajax之前就修改颜色！
如果是ajax执行完了才修改颜色！就会慢的！
如果ajax是同步请求，就会 ...

        Model.prototype.button1Click = function(event){
        this.getElementByXid("button1").style.color= 'red';
         var data2 = this.comp("kqsj");
         var yf = this.getElementByXid("select1").value;         
     var str1 = localStorage.getItem('userid');   
     var  datatable1 = this.comp('dataTables1');        
        //没有录入月份的情况下不允许查询
        message = this.comp('select1').val()  ;      
        if( message == '') throw justep.Error.create('选择月份！');                 
         $.ajax({


是在AJAX之前加入的，AJAX是同步的，但按钮字体变色是在AJAX数据加载完之后变得色！！！

liangyongfei

184931481 发表于 2017-11-23 15:49
Model.prototype.button1Click = function(event){
         this.getElementByXid("button1").style.color= ' ...

嗯！那就是页面渲染是同步的！必须等到所有同步代码执行完后才可以的！
ajax 可以改成异步试试，不过异步建议加上遮罩