asp:multiview control - 我们可以在一个选项卡上而不是不同的选项卡上显示所有视图吗

Question

我在代码中使用了多视图控件，在页面上显示 5 个视图。目前，我正在尝试使用 CSS 实现“打印”功能，我想要的是将所有 5 个视图一起显示，以便于打印。

那么，是否可以一次显示多视图中的所有视图。某事比如显示所有视图或显示所有视图，

如果我可以一次显示所有视图，我可以解决我的打印功能。

Answer 1

我相信 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);
}