ASP.NET实现简单TABPAGE

2021-03-21 07:26

阅读:586

YPE >

标签:介绍   图片   方式   attribute   一个   不同   doctype   att   win   

       在C/S模式下,经常采用Tab分页的方式来做,然后将不同的信息放到不同的Tab页中,然后可以点击页签去查看不同页面中的内容。在Web开发中,也需要用到这样的Tab页,实现的方式有很多种,现在来介绍一种简单的Tab页的实现方式:用iframe来实现。
       具体步骤是:先建立一个主TabForm.aspx,在上面放两个按钮来模拟页签(今后也可以用Photoshop来制作更精美的图片来作Tab标签),然后再建立两个子Form,WebForm1,WebForm2,当按钮被按下的时候来切换IFRAME的src属性去显示不同的子页面。 
具体代码如下:

 

TabForm.aspx

 

技术图片
技术图片代码


html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    无标题页
     



    

    

        

    


技术图片

 

 

TabForm.aspx.cs

 

技术图片
技术图片
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class TabForm : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        IFRAME1.Attributes.Add("src", "Webform1.aspx"); 

    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        IFRAME1.Attributes.Add("src", "Webform2.aspx"); 

    }
}

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/windok2004/archive/2008/07/15/2654245.aspx

ASP.NET实现简单TABPAGE

标签:介绍   图片   方式   attribute   一个   不同   doctype   att   win   

原文地址:https://www.cnblogs.com/qiu18359243869/p/12726029.html


评论


亲,登录后才可以留言!