extjs - Webアプリケーションのアイコンを動的にロードする

Question

私はExtJSアプリケーションを持っていて、時々それを開発しています。アイコンが多すぎるので（http://p.yusukekamiyamane.com/）、CSSで各アイコンを明示的に指定したくありません。アイコンの名前を書いてそれを使用したいだけです。どのような解決策が私を助けることができますか？

Answer 1

ここであなたが何をしたいのかは理解できますが、あなたが望むものを達成することは不可能です. Extjs ライブラリが内部で動作する方法は、通常、CSS を使用してすべてのアイコンを定義します。CSS 自体は、アイコンの動的クラスを作成するのは非常に簡単ではありません。

多くのコンポーネントでは、アイコン画像を直接指定することができますが、その場合は次のようにすることができます: 入力としてアイコンの名前のみを必要とし、アイコンの名前でアイコンへのパスを返す関数を作成します:

function getIcon(iconName){
    return "\somedirectory\somesubdirectory\" + iconName;
}

可能な限り、コンポーネントで iconCls 属性の代わりに 'icon' 属性を使用してください。アイコン属性を設定すると、次のことができます。

Ext.create("Ext.button.Button", {
   icon: getIcon("cheese.gif")
});