0

アクション列のjqGridの削除アイコンだけを自分の.xmlに変更したかったのIcon(newTrash-icon.png)です。jqGrid が 1 つの png アイコン ファイルからアイコンを読み込むことを確認しました。デフォルトのゴミ箱アイコンを他のゴミ箱アイコンに置き換えるにはどうすればよいですか。

以下のコードを試しましたが、うまくいきません。

私の中でgridComplete

$('.ui-icon-trash').removeClass('ui-icon-trash').addClass('ui-icon-customtrash');

私のCSSで

.ui-icon-customtrash {
    background: url("~/Images/newTrash-icon.png");
    background-position: -64px -16px;

}

デフォルトの削除アイコンの代わりに以下のアイコンを表示したい

newTrash-icon.png

4

2 に答える 2

1

あなたができることは、 navGriddeliconのオプションを使用することだけです:

$("#list").jqGrid("navGrid", "#pager", {delicon: "ui-icon-customtrash"});

デモが使用しdelicon: "ui-icon-scissors"、それが表示されます

ここに画像の説明を入力

UPDATED :デモは、投稿したアイコンを使用して同じことを示しています。表示します

ここに画像の説明を入力

次のCSSを使用しました

.ui-state-default .ui-icon-customtrash {
    background: url("http://i.stack.imgur.com/Gii7J.png");
    background-position: 0 0;

}
于 2013-10-10T23:48:58.833 に答える
0

私は自分の答えを見つけました。IcoMoon アプリ ( http://icomoon.io/app/ ) を使用して、インライン アクション アイコン (削除アイコンとメモ アイコン) を置き換えました。IcoMoon の Web サイトから必要なさまざまなアイコンを選択し、ダウンロードしてアプリケーションに追加するスタイルシートを作成しました。IcoMoon が提供するクラス名 ("idoc-icon-trash") を使用して、afterInsertRow イベントと boooom に以下のコードを追加しました。図に示すように動作しました。

$("#gridJQ .ui-icon-trash").removeClass('ui-icon ui-icon-trash').addClass('idoc-icon-trash');

.idoc-icon-trash {
    font-size: 19px;
    color: #022462;
}

ここに画像の説明を入力

于 2013-10-12T01:23:30.547 に答える