13

パネルの「タイトルバー」で使用するアイコンを設定するにはどうすればよいですか? 自分でイメージを追加する必要があるかもしれませんが、もしそうなら、それをどこかで定義または構成する必要があると思いますか?

{
    xtype: 'treepanel',
    title: 'Projects',
    width: 200,
    store: Ext.data.StoreManager.lookup('projects'),
    tools: [
        {
            type: 'add', // this doesn't appear to work, probably I need to use a valid class
            tooltip: 'Add project',
            handler: function() {
                console.log('TODO: Add project');
            }
        },
        ...
    ]
},
4

4 に答える 4

24

typeconfigを使用して指定できる25個のアイコンのセットがあります。http://docs.sencha.com/ext-js/4-0/#!/api/Ext.panel.Tool-cfg-typeを確認してください

シンボルを追加するには、

tools:[{
    type:'plus',
    tooltip: 'Add project',
    // hidden:true,
    handler: function(event, toolEl, panel){
        // Add logic
    }
}]

指定されたタイプ：'add'はリストにありません

于 2012-05-21T10:28:34.447 に答える
15

独自のツール タイプを追加して、それに独自のイメージを割り当てたい場合は、次の操作を実行できます。

css ファイルに css クラスを追加します。

.x-tool-mytool { background-image: url(path_to_your_image_file) !important; }

次に、ツールで、タイプとして「mytool」を使用します。

            {
                type:'mytool',
                tooltip: 'This is my tool',
                handler: function(event, toolEl, panel){
                    // my tool logic
                }
            }

css クラス接尾辞に使用したのと同じ名前をツールのタイプで使用していることを確認してください。

于 2012-10-31T09:11:01.830 に答える
1

「アイコンの設定」ではなく、「パネルのタイトルバーで使用されるボタンの設定」を意味していると思います。buttonsではなく、パネルの構成を使用できますtools。

buttons: [{ 
   text: 'Add',
   tooltip: 'Add project',
   handler: function() {
      console.log('TODO: Add project');
   }
}]

bbarツールバーの配置には、 (下のバー)、fbar(フッター)、tbar(上)、lbar(左)、 (右)などの他の構成を使用できますrbar。1 つの小さな通知は、構成オブジェクトbuttonsのデフォルトxtypeがbuttonであるため、明示的に指定する必要がないことです。

于 2012-05-21T09:58:47.453 に答える