1

我对煎茶很陌生。所以我想显示，当点击按钮然后改变以前图像的图像。

更多关于图片：在这张图片中，当加载文件时，红色按钮出现，我想点击确定按钮将红色变为绿色。 在此处输入图像描述

这是我在 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
4

2 回答 2

1

你试过Ext.Img.setSrc()吗？

另外作为旁注，我建议将您的逻辑（侦听器）放入控制器中，并将您的 css 放入您的 scss 文件中。从长远来看，这将使您的应用程序更易于管理。sencha 整理了一些非常好的视频。

于 2013-07-02T13:43:01.823 回答
0

使用函数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({})它的工作。问题出在哪里

谢谢阿斯维尼

这个问题没有答案...

于 2013-07-02T08:04:07.950 回答