스타일 Ext Js 6.0.1의 IconCls를 사용하여 xtype 버튼에서 재정의 됨

Question

전 ext js 개발에서 새로 왔습니다. 아이콘과 텍스트가있는 extjs 버튼이 필요합니다. 버튼 동작 (onmouseover, onclick 등)은 extjs 버튼과 동일해야합니다. svg 파일의 아이콘을 사용 중입니다. 다음은

내가 노력하고있는 단계이다, 그러나 extjs라는 버튼처럼 작동하지 않습니다

1. Panel.js :

위해 xtype : '버튼', iconCls '의 SVGImage' , 의 minWidth : 20, 의 maxWidth : 40, 지역화 : {텍스트 : 'localtext'} 내가 스타일을 추가 할 경우에도 여기에

: 그것은 것입니다 위해 xtype을 위해 '#eeefea 배경 색을' 버튼에서 이미지가 사라집니다.

누구든지 동일한 문제에 직면하고 동일한 문제가있는 경우 감사드립니다.

Answer 1

버튼의 이미지를 설정하는 두 설정 옵션이 있습니다

• iconCls이 - URL 아이콘
에 - 하나 이상의 공백으로 구분 CSS 클래스는
• 아이콘 아이콘 요소에 적용 할 수

여기 내 라이브 데모를 참조하십시오 https://ext4all.com/post/extjs-6-button-with-svg-icon.html