javascript - Using icons in ExtJS -

javascript - Using icons in ExtJS -

i trying add together icons toolbar buttons in extjs. in case, want refresh icon in button.

is there easy , standard way of doing this? can't seem able find decent documentation on web.

my toolbar button :

{ text: 'reset', icon: 'refresh', tooltip: 'reset grid layout' }

putting refresh here doesn't anything. there empty space in button should be. ie. understands 'icon', doesn't understand 'refresh'.

do have set in total path extjs subdirectory? is there set list of icons can use?

i belive extjs or ext.net tends utilize fam fam fam silk icon set.

http://www.famfamfam.com/lab/icons/silk/

typically utilize icons on things buttons, set css class points icon location e.g.

.myicon { background-image: url(path of image); }

the on ext component can set relevant property. iconcls: '' or similar (depends on component).

javascript extjs extjs4