2017-05-03 8 views
-4

私はext js開発で新しくなりました。アイコンとテキストを含むextjsボタンが必要です。ボタンの動作(onmouseover、onclickなど)は、extjsボタンと同じにする必要があります。 私はsvgファイルからアイコンを使用しています。以下は スタイルExt Js 6.0.1のIconClsでxtypeボタンでオーバーライドする

は私がしようとしている段階ですが、それはExtJSのボタンのように動作しません:

  1. Panel.js:

XTYPE 'ボタン'、 iconCls: 'svgImage' 、 のminWidth:20、 のmaxWidth:40、 ローカライズ:{テキスト: 'localtext'} iのスタイルを追加してもここで

:それは意志XTYPEのために: '#eeefea背景色' をボタンから画像が消えます。

誰もが同じ問題に直面しており、同じ問題を解決してくれれば、感謝しています。

+1

でコードを共有してください。いくつかのフィドル? – Tejas

+0

@ Tejas1991私はいくつかの擬似コードをすでに共有しているコードを持っていない、私は別のアプローチを使用して取得しようとしています。 –

答えて

0

2つのconfigオプションボタンの画像を設定するにはあります。

  • iconCls - アイコンの要素に適用される1つ以上のスペースで区切られたCSSクラス
  • アイコン - URLアイコン
  • には、

は、ここに私のライブデモを参照してください:https://ext4all.com/post/extjs-6-button-with-svg-icon.html

+0

こんにちはkhmurachは返事をありがとう。私はあなたの提案を使用して同じことを達成し、それは私の結果を期待通りに与える。 –

関連する問題