EXtJSでCSSコンテンツを動的に変更するには

Question

私のリソースフォルダに1つのCSSがあります。私の条件に従ってCSSの値の一部を変更/追加したいのですが、それを取得する方法がわかりません。

例のコードはここにある

triggers: { 
     clear: { 
      cls: 'Clear-Value', 
      hidden:true, 
      handler: function(){ 
       //some code 
      } 
     } 
    }, 

明確な価値の私のCSSは

.Clear-Value:before { 
    background-color:white !important; } 

は今、私はいくつかの条件でいくつかのCLSSを入れて欲しいです。パディングを追加するか、何か他のものを追加する。

私はCLSを取得しますが、CSSを編集するためにいくつかの助けを必要としています

このような

beforerender: function (cmp, eOpts) { 
     debugger; 
     var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; 
     if(isFirefox){ 
      this.triggers.clear.cls // Here I am getting Clear-Value 
     } 
    }, 

をしようとしています。誰でもこの問題を解決するのに手助けできますか？

ありがとうございます。

Answer 1

新しいCSSクラスを作成し、Firefoxに必要なスタイルを追加します。ブラウザがFirefoxの場合のみ、コンポーネントクラスリストにこのクラスを追加します。

は

beforerender: function (cmp, eOpts) { 
     var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; 
     if(isFirefox){ 
      cmp.addCls('firefox-fix'); 
     } 
}, 

.firefox-fix { padding-top :7px !important; } 

がfirefox-fix CSSクラスでFirefoxのためのあなたのCSSを追加...これを試してみてください。 私はこれが役立つことを願っています。