Question

我在sencha非常新。所以我想要显示，当点击按钮然后更改以前图像的图像。

有关图片的更多信息：在这张图片中，当laod文件，然后出现红色按钮时，我想点击Ok按钮在同一个地方将红色变为绿色。 enter image description here

以下是我在Main.js中的代码：但无法更改：

 {
        xtype: 'image',
        width:33,            
        height:33,    
        src:'resources/images/online.png'

      },
      {
        xtype: 'button',
        text:'Go Online?',
        cls: 'messagesBtn',
        pressedCls: 'x-button-pressed'
      listeners: {
                tap: function (button, e, eOpts) {

                  //console.log('hello');
                  if (!Ext.device.Connection.isOnline()) {
                      console.log('Connected (' + Ext.device.Connection.getType() + ')');
                      .wishlogbtn
                   {
                   background-image: url('resources/images/Online.png') !important;
                   }

                      }

                else {
                      console.log('Offline');
                      button.setText('Go Offline?');

                    .wishlogbtn
                   {
                   background-image: url('resources/images/Offline.png') !important;
                   }

                              }
                }      

      }

在app.css文件中：

.messagesBtn {
   background: url(resources/images/online.png) no-repeat;
 } 

 .messagesBtn.x-button-pressing {
     background: url(../images/offline.png) no-repeat;
 }

我在控制台上遇到此错误：

    Uncaught SyntaxError: Unexpected identifier Main.js:132
Uncaught Error: The following classes are not declared even if their files have been loaded: 'test.view.Main'. Please check the source code of their corresponding files for possible typos: 'app/view/Main.js

Answer 1

您是否尝试过Ext.Img.setSrc()？

另外作为旁注，我建议将你的逻辑（听众）放入控制器，将你的css放入你的scss文件中。它将使您的应用程序更多更容易管理。有一些非常好的videos sencha放在一起。

Answer 2

使用 addCls

功能

试试这个：

button.addCls('your_cls');

或

button.el.addCls('your_cls');

我记不太清楚。

编辑：

在Sencha api addCls中，我们可以阅读：

我有：收费栏中的步骤-1

{xtype：'toolbar'，items：[{xtype：'label'，html：'Step -1'}}}

我的页面中有一个按钮，当我点击它时   按钮我试图按如下方式应用此类：

Ext.get（“linkid”）。addCls（“inactive”）; 但它根本不起作用。

如果我正在使用 applyStyles（{}）。问题出在哪里

感谢Aswini

这个问题没有答案......

在sencha中单击按钮时如何更改更改图像

2 个答案: