Question

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

那么，是否可以一次显示多视图中的所有视图。类似于显示所有视图或显示所有视图。

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

Answer 1

我认为默认情况下MultiView控件不支持此功能。你可以做的是实现从现有的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);
}

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

1 个答案: