1. #1
    Ext User
    Join Date
    Nov 2010
    Posts
    4
    Vote Rating
    0
    yamamoto is on a distinguished road

      0  

    Default タブのタイトルの先頭に画像を表示させる方法

    タブのタイトルの先頭に画像を表示させる方法


    Tabのタイトルの先頭に画像を表示させようとしています。
    色々試したところ、iconClsの設定を行うことでTabの背景として画像を利用することは出来たのですが、肝心の先頭に表示することができません。
    APIドキュメントを読んでも、背景として画像を設定する方法までしか見つけることができませんでした。
    どのように解決すれば良いのでしょうか。

    よろしくお願いいたします。

  2. #2
    Sencha User ideodora's Avatar
    Join Date
    Mar 2011
    Location
    Nagoya-Japan
    Posts
    7
    Vote Rating
    0
    ideodora is on a distinguished road

      0  

    Default


    タブパネルを パネル + タブバー に切り分けます。
    パネルのドックに切り離したタブバーをくっつけます。

    タブバーのアイテムに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をつけて
    操作する必要がでてきます。

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar