1

次のコードは、各タブタイトルのアイコンを示しています。

Ext.define("MyAPP.view.Main", {
    extend : 'Ext.tab.Panel',
    config : {
        tabBarPosition : 'bottom', // <--- Line of interest
        items : [{
            title: "Contacts",
            iconCls: "team",
        }]
    }
});

以下のサンプルを参照してください。

アイコンは下部に表示されます

しかし、これを変更するとtabBarPosition: 'top'アイコンが表示されません。全体のスタイルが変わりました。

上部にアイコンは表示されません

タブバーの位置が上にあるときにアイコンを表示するにはどうすればよいですか？

4

2 に答える 2

1

どのバージョンのSTを使用していますか？2.1.0で完全に動作します。

トップドッキングタブバー

編集：リリースノートで読むことができるように、トップドッキングツールバーアイコンがそのバージョンから導入されているため、少なくともSenchaTouch2.1.0-b1を使用していることを確認してください。

[TOUCH-2]上部にドッキングされたタブバーにアイコンを追加できるようになりました

于 2013-01-01T17:31:05.220 に答える
0

これが誰かに役立つ場合に備えて...理由はわかりませんが、2.1以前にアップグレードすると、アイコンがタブバーのドッキングされた上部に自動的に表示されないことがあります（これは、Linuxを使用しているためである可能性があります） ）。この場合、次のことを行う必要があります。

  • アイコンを追加するタブバーの要素を選択します（タブバーの要素と言うとき、もちろんタブパネルの要素を意味します。タブバーはタブパネルの別の要素であり、他の要素とは異なります） 。
  • 設定パネルに移動します。
  • プロパティ「iconCls」を手動で追加します。これは見つからないためです。
  • 次に、そのプロパティを文字列に設定し、最後にその値を「home」、「info」、または任意のアイコンに設定します。

もちろん、これはすべてアーキテクトを使用しています。私はプログラマーではないので、技術的に言えば、私の文章が何らかの意味で悪い場合は、すみません。

于 2013-06-09T18:36:30.450 に答える