zoukankan      html  css  js  c++  java
  • multiview

    multiview控件,实际上是有点象在c/s开发中很常见的tabcontrol控件,可以在一个页面中,放置多个"view"(我们称为选项卡),比如可以用multiview控件,可以让用户在同一页面中,通过切换到每个选项卡,从而看到要看的内容,而不用每次都重新打开一个新的窗口

    新建如图:

    打开源;

    <body>
        <form id="form1" runat="server">
        <div>
            <asp:MultiView ID="multiviewInsatll" runat="server">
           
                <asp:View ID="ViewFirstInsatll" runat="server">
                <p>欢迎进入变形金刚世界(Welcome to the Transformers in the world)</p>
                <p><i>第一位需要认识的是擎天柱(The first need to understand is that Optimus Prime)<br/>
                他将带领你操作控制星球世界<br/>
                </i></p>
                    <asp:Button ID="btnFirst" runat="server" Text="下一步(Next)"
                        onclick="NextView_Click" />
                </asp:View>
               
                <asp:View ID="ViewTwoInsatll" runat="server">
                <p>需要充2秒钟电</p>
                <p><i>充电进行中...<br />
                充电完成@<br/>
                </i></p>
                    <asp:Button ID="btnTwo" runat="server" Text="Let's Go"
                        onclick="NextView_Click" />
                </asp:View>

                <asp:View ID="ViewThreeInsatll" runat="server">
                <p>准备作战状态中...
                </p>
                <p><i>进入地球来到中国上海</i></p>
                </asp:View>
               
            </asp:MultiView>
        </div>
        </form>
    </body>

    打开cs

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                multiviewInsatll.ActiveViewIndex= 0;
            }
        }

    在两个按钮属性窗口上命名为同一个NextView_Click 事件

        protected void NextView_Click(object sender, EventArgs e)
        {
            multiviewInsatll.ActiveViewIndex += 1;
        }

    运行效果:

  • 相关阅读:
    Guava Cache,Java本地内存缓存使用实践
    Guava-retry,java重试组件
    [leetcode] 31. 下一个排列
    [leetcode] 30. 与所有单词相关联的字串(cn第653位做出此题的人~)
    [leetcode] 29. 两数相除
    [leetcode] 28. 实现strStr()
    [leetcode] 27. 移除元素
    [leetcode] 26. 删除排序数组中的重复项
    [leetcode] 25. k个一组翻转链表
    [leetcode] 24. 两两交换链表中的节点
  • 原文地址:https://www.cnblogs.com/scsuns520/p/1633564.html
Copyright © 2011-2022 走看看