2

現在、すべてのアイコンを 1 つのスプライト ファイルで受け取ったプロジェクトに取り組んでいます。私はスプライトを使用したことがありません (そして、私は extjs を初めて使用します)。次のコード (1 つの upload.png を使用) をスプライトファイル (icons.png) を使用するように変換する方法の適切な例を見つけることができません。

{
    xtype: 'actioncolumn',
    cls: 'tasks-icon-column-header tasks-upload-column-header',
    width: 24,
    icon: 'images/upload.png',
    iconCls: 'x-hidden',
    tooltip: 'Upload',
    menuDisabled: true,
    sortable: false
    handler: Ext.bind(me.handleUploadClick, me)
}
4

1 に答える 1

2

css ファイルでクラスを定義し、背景画像とアイコンの位置をスプライトで定義する必要があります。たとえば、このようなアイコンがある場合、以下のようにしてクラスを定義し、Google アイコンのみを表示します。

.google_icon {
    background:url(http://start.ubuntu.com/12.04/sprite.png) -10px -310px;
    height:38px;
}​

このクラスをコードで次のように使用します。

iconCls: 'google_icon',

次の行も削除する必要があります。

icon: 'images/upload.png'

それが役立つことを願っています！

于 2012-09-05T10:38:21.483 に答える