ページに 5 つのビューを表示するコードでマルチビュー コントロールを使用しました。現在、CSSを使用して「印刷」機能を実装しようとしていますが、5つのビューすべてを一緒に表示して簡単に印刷できるようにしたいと考えています。
それで、一度にすべてのビューをマルチビューで表示することは可能ですか。すべてのビューを表示したり、すべてのビューを表示したりするようなものです。
すべてのビューを一度に表示できれば、印刷機能を回避できます。私を助けてください。
MultiView コントロールはデフォルトでこの機能をサポートしていないと思います。できることは、既存のものから継承された独自の MultiView コントロールを実装し、必要な機能を追加することです。
[DefaultProperty("Text")]
[ToolboxData("<{0}:MyMultiView runat=server></{0}:MyMultiView>")]
public class MyMultiView : MultiView
{
[Category("Behavoir")]
[DefaultValue(false)]
public bool RenderAllAtOnce
{
get
{
return (bool)(ViewState["RenderAllAtOnce"]?? false);
}
set
{
ViewState["RenderAllAtOnce"] = value;
}
}
protected override void Render(HtmlTextWriter writer)
{
if (!RenderAllAtOnce)
{
base.Render(writer);
}
else
{
foreach (View view in this.Views)
{
this.SetActiveView(view);
view.RenderControl(writer);
}
}
}
}
次に、デフォルトのコントロールの代わりにそのコントロールを使用し、印刷ボタンのクリック時に RenderAllAtOnce プロパティを true に設定できます。
また、新しいコントロールの作成に関与せず、すべてのビューを文字列にレンダリングして、ページ上のリテラルに渡すこともできます。
.print
{
display: none;
}
@media print
{
.noPrint
{
display: none;
}
.print
{
display: block !important;
}
}
<div class="noPrint">
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0" >
<asp:View ID="View1" runat="server">
AAAA
</asp:View>
<asp:View ID="View2" runat="server">
BBBB
</asp:View>
<asp:View ID="View3" runat="server">
CCCC
</asp:View>
</asp:MultiView>
<asp:Button ID="btnPrint" runat="server" Text="Print" OnClick="btnPrint_Click" />
</div>
<div class="print">
<asp:Literal runat="server" ID="Literal1" Mode="PassThrough" />
</div>
protected void btnPrint_Click(object sender, EventArgs e)
{
var sb = new StringBuilder();
using (var writer = new StringWriter(sb))
using (var htmlWriter = new HtmlTextWriter(writer))
{
foreach (View view in MultiView1.Views)
{
view.RenderControl(htmlWriter);
}
}
Literal1.Text = sb.ToString();
ClientScript.RegisterStartupScript(this.GetType(), "print", "window.print();", true);
}