web-dev-qa-db-ja.com

MVC用のReportViewerの幅を設定する方法

ReportViewer for MVC を使用して、MVCアプリケーションのビューにレポートを表示しています。
このコントロールの幅を設定するにはどうすればよいですか？

幅を100％に設定しましたが、このスクリーンショットに示されているように機能していません。

image width

私の見解では、私は以下を使用します：

<div>
    @Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer, new { scrolling = "yes", width = "100%" })
</div>

そして、aspxページは次のとおりです。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body style="margin: 0px; padding: 0px;width:100%;">
<form id="form1" runat="server">
<div  style="width:100%">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="ReportViewerForMvc"     Name="ReportViewerForMvc.Scripts.PostMessage.js" />
</Scripts>
</asp:ScriptManager>
<rsweb:ReportViewer ID="ReportViewer1" runat="server" Width="100%"  Height="600px"></rsweb:ReportViewer>
</div>
</form>
</body>
c#asp.net-mvc-4reportviewer
9
Jiju John

コントローラに以下のコードを書いてみてください

using System.Web.UI.WebControls;

  ReportViewer reportViewer = new ReportViewer();
  reportViewer.ProcessingMode = ProcessingMode.Local;
  reportViewer.SizeToReportContent = true;
  reportViewer.Width = Unit.Percentage(100);
  reportViewer.Height = Unit.Percentage(100);
12
Sirojan Gnanaretnam

注：nugetのReportViewerForMvcを使用しています

幅/高さの問題を2つの面で攻撃する必要があることがわかりました-ロード時にReportViewerWebForm.aspxのiframeを変更するCSSを追加しました。

iframe {
  /*for the report viewer*/
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

残りは私が削除したことを除いて受け入れられた答えと同じでしょう

reportViewer.SizeToReportContent = True

同じReport.cshtmlでレンダリングするより広いレポートに必要なスクロールバーが非表示になるため、コントローラーから

@using ReportViewerForMvc; @{ ViewBag.Title = " Report"; }

<h2>Simple Report </h2>

@Html.ReportViewer(ViewBag.ReportViewer as Microsoft.Reporting.WebForms.ReportViewer)

私のコントローラー：

 > 

 public ActionResult ReportByType()
        {
            var data =SomeFunction.CreateDataTable(GetReportDataFromDB());

            ReportViewer reportViewer = new ReportViewer();
            reportViewer.ProcessingMode = ProcessingMode.Local;

            reportViewer.LocalReport.ReportPath = 
              Request.MapPath(Request.ApplicationPath) + 
                   @"Views\Reports\ReportByType.rdlc";
            reportViewer.LocalReport.DataSources.Add(new 
               ReportDataSource("DataSet1", data));
           // reportViewer.SizeToReportContent = true; ---hides the scrollbar which i need
            reportViewer.Width = Unit.Percentage(100);
            reportViewer.Height = Unit.Percentage(100);

            ViewBag.ReportViewer = reportViewer;
            return PartialView("Report");

        }


        enter code here
2
user3590235