-
タブのタイトルの先頭に画像を表示させる方法
タブのタイトルの先頭に画像を表示させる方法
Tabのタイトルの先頭に画像を表示させようとしています。
色々試したところ、iconClsの設定を行うことでTabの背景として画像を利用することは出来たのですが、肝心の先頭に表示することができません。
APIドキュメントを読んでも、背景として画像を設定する方法までしか見つけることができませんでした。
どのように解決すれば良いのでしょうか。
よろしくお願いいたします。
-
Sencha User
タブパネルを パネル + タブバー に切り分けます。
パネルのドックに切り離したタブバーをくっつけます。
タブバーのアイテムにxtype を'box' として指定して、
html 部分で普通に '<img src="画層" />タイトルhoge'
これでいけないでしょうか?
var tabbar = new Ext.TabBar({
dock:'top',
items:[{
xtype:'box',
html: '<img src="画像のURL" /> タイトル '
}]
});
var panel = new Ext.Panel({
dockedItems:tabbar,
layout:'card',
items:[
{
html:'panel1'
},{
html:'panel2'
}
]
});
ただ、これを実装すると、パネル部分の切替ボタンを自分でhandlerをつけて
操作する必要がでてきます。
Sencha is used by over two million developers. Join the community, wherever you’d like that community to be
or Join Us