c# - 如何在 asp.net 中创建多 View 控件并在运行时对其进行操作？

Question

例子:

<asp:MultiView
        id="MultiView1"
        ActiveViewIndex="1"
        Runat="server">
        <asp:View ID="View1" runat="server" >
            <iframe id="v1" runat="server" src='http://www.w3schools.com' style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>        
        <asp:View ID="View2" runat="server">
            <iframe id="Iframe1" runat="server" src='http://www.w3schools.com/html/html5_intro.asp' style="border: None; height: 100%; width: 100%;"></iframe>
        </asp:View>        
        <asp:View ID="View3" runat="server">
            <br />This is the third view
            <br />This is the third view
            <br />This is the third view
            <br />This is the third view
        </asp:View>
        <asp:View ID="View4" runat="server">
            <br />This is the third view
            <br />This is the third view
            <br />This is the third view
            <br />This is the third view
        </asp:View>        
    </asp:MultiView>

问题:

1. 如何在运行时创建这种多 View 结构？
2. 是否有可以在多 View 中使用的 iframe 替代方案？
3. 我可以为 2 个或更多菜单使用一个多 View View 吗？
4. 如何使用 javascript 或 jquery 引用和操作多 View ？

请帮我解决这个问题。

谢谢!

Answer 1

这个问题的答案与您上一个问题相似:How to Show/Hide Menu Item and how to create it at run time? .您可能还想查看此 MSDN 文章以了解有关以编程方式添加控件的讨论:http://msdn.microsoft.com/en-us/library/kyt0fzt1(v=vs.100).aspx

下面是一个示例，说明如何使用 View 控件动态填充 MultiView 控件。

protected void Page_Init(object sender, EventArgs e)
{
    // Create View.
    View myView = new View();

    // Create controls.
    Label myLabel = new Label();
    myLabel.Text = "<b>Test</b>";

    // Add controls to View.
    myView.Controls.Add(myLabel);


    //Add view to MultiView.
    MultiView1.Views.Add(myView);
    MultiView1.ActiveViewIndex = 0;
}

上述逻辑与以编程方式向页面添加任何控件的逻辑相同。

您可以通过使用索引引用特定 View 来使用服务器端代码以相同的方式操作 MultiView 控件:

Label myLabel = new Label();
myLabel.Text = "<b>Test</b>";

MultiViewDemo.Views[0].Controls(myLabel);

然后您应该能够像往常一样使用 jQuery 操作这些 View 中的任何 HTML 元素。

在 MultiView 中使用多个 Menu 控件取决于您的要求。

关于 iframe，我不确定您会寻找什么替代方案，但您应该能够使用服务器操作您的 iframe 控件-side 代码，因为您已经向它们添加了 runat="server" 属性。