2

APEX 5クラシック・レポートの見出しソート・アイコンを変更するにはどうすればよいですか?

顧客は、desc と asc に独自のソート アイコンを使用したいと考えています。彼は、新しい APEX ソート アイコンが好きではありません。

オラクル 言います:

レポート見出しの並べ替えアイコンのサポート終了 レポート見出しの並べ替えアイコンを定義するために使用される次の属性は、対話型レポートとクラシック レポートでサポートされなくなりました: 昇順イメージ、降順イメージ、昇順イメージ属性、降順イメージ属性。画像を直接参照する代わりに、Oracle Application Express は CSS を使用してソート アイコンをレンダリングするようになりました。対話型レポートの場合は次のクラスを使用します: クラシック レポートの場合は次のクラスを使用します :.a-Icon.icon-irr-sort-ascおよび.a-Icon.icon-irr-sort-desc.a-Icon.icon-rpt-sort-asc.a-Icon.icon-rpt-sort-desc

そのタスクをどのように行うことができるのか、私には明確な考えがありません。a-Icon.icon-rpt-sort-ascAPEXがCSSを使用してソートアイコン(および)をレンダリングするようになったことを知っています.a-Icon.icon-rpt-sort-desc

「静的アプリケーション ファイル」 > #APP_IMAGES#sort_asc.png/の可能性があります#APP_IMAGES#sort_desc.png

私は APEX を初めて使用します。同僚によると、従来のレポートで並べ替えアイコンを変更するのは APEX 4.2 では簡単な作業でしたが、この簡単な方法は APEX 5 では使用できなくなりました。

誰かがコードといくつかのヒントを持っていますか?

4

1 に答える 1

1

独自の CSS クラス.icon-rpt-sort-asc.icon-rpt-sort-desc. 彼らはこのように見える必要があります:

span.icon-rpt-sort-asc {
    background-image: url("/i/custom_asc_sort_image.png");
}
span.icon-rpt-sort-desc {
    background-image: url("/i/custom_desc_sort_image.png");
}

ここでは、レポートの列ヘッダーに表示される画像の名前を設定します。その後、この CSS を使用する必要があります。これを行うには、次の 2 つの方法があります。

  1. ページのプロパティを開き、CSSタブに移動して、そこに CSS コードを配置します。カスタム画像が必要なすべてのページにこのコードを追加する必要があるため、これは良い方法ではありません。

  2. 推奨される方法 - 上記のコードで css ファイルを作成し、/i/フォルダーに入れ、ページ テンプレートを変更します ( Shared Components-> User Interface-> Templates-> 目的のページ テンプレート ->Definitionタブ)。セクションにタグHeaderを追加します。<link>

    <head>
      ...
      #PAGE_CSS#  
      #FAVICONS#
      #HEAD#
        <link rel="stylesheet" href="#APP_IMAGES#mycss.css" type="text/css"></link>
      ...
    </head>
    

where mycss.css- CSS ファイルの名前。そしてもちろん、カスタムの並べ替えアイコンを apex images フォルダーに配置する必要があります。

于 2016-01-26T09:04:47.473 に答える