0

ReportView コントロールの背景画像を非表示にしたいのですが、toolbar_bk.png 実際には非表示と言って、なしに設定したいと思います。

では、どうすれば簡単にできるのでしょうか。サーバー側、CSS、Javascript、またはさらに優れた JQUERY? 私はこれで完全に迷っています。

これがレンダリングされた部分です

<div id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05" 
  style="font-family:Verdana;font-size:8pt;border-bottom:1px #CCCCCC Solid;
  background-color:#F7F7F7;
  background-image:url(/domain-name.com/Reserved.ReportViewerWebControl.axd?
  OpType=BackImage&Version=10.0.40219.329&
  Color=%23F7F7F7&Name=Microsoft.Reporting.WebForms.Icons.toolbar_bk.png);">
4

5 に答える 5

1

要素を非表示にしたり背景を表示したりするのは常に CSS であることに注意してください。外部ファイルにインラインで配置するか、スクリプト言語 (つまり JavaScript) を介して動的に作成できます。最終的には JavaScript ライブラリを jQuery として使用します。

あなたの質問に対して: インライン スタイルのサーバーサイドを作成しないでください。すべて問題ありません。

于 2012-06-07T18:24:40.617 に答える
1

これがあなたの望むものかどうかわかりません。それにもかかわらず、ここに答えがあります..

それらを独自の div でラップします。その div に「ラッパー」のクラスを与えましょう。CSS側にこれを貼り付けます：

.wrapper * {背景画像: なし; }

于 2012-06-07T18:26:52.417 に答える
0

次のようにjqueryaddClass()関数を使用します

<style>
            .report
            {
                background-color: #D6E3F3;
                /* background-image: url("/Reserved.ReportViewerWebControl.axd?OpType=BackImage&Version=10.0.30319.1&Color=%23ECE9D8&Name=Microsoft.Reporting.WebForms.Icons.toolbar_bk.png");*/
                border-bottom: 1px solid #CCCCCC;
                font-family: Verdana;
                font-size: 8pt;
            }
            </style>


<script>
    $(document).ready(function () {
        $('#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').removeAttr('style');
        $('#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').addClass('report');
    });
</script>
于 2012-07-25T05:32:22.437 に答える
0
  1. 最適なオプション -- 背景画像を設定しないようにサーバー コントロールを構成します。
  2. #1 が不​​可能な場合は、読み込まれた後に HTML を操作する JavaScript を記述できます。

オプション 2 を使用する必要がある場合の jQuery の例を次に示します。

$('[id~="ReportViewer1"]').css('background-image', 'none');
于 2012-06-07T18:31:07.797 に答える
0

jQuery を使用すると、次のように簡単に実行できます。

$('#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').css('background-image', 'none');

プレーンなJavaScriptだけで：

document.getElementById('ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05').style.backgroundImage = 'none';

ページまたは外部スタイル シートで css を使用する場合:

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_ctl05 { background-image:none !important}
于 2012-06-07T18:26:33.450 に答える