用戶控件的一些使用

時間 2019-11-30

標籤用戶控件一些使用简体版

原文原文鏈接

日常寫代碼有不少代碼可能會重複出現。html

好比一個網站的頂部和底部網站

幾乎是每一個頁面都須要的this

用戶控件就能夠幫助解決這一問題。spa

一.用法舉例code

1.使用的時候能夠最頂上添加圖片和主題來修飾網站orm

2.下面就是一排跳轉按鈕。作到相似菜單的效果同樣server

3.還能夠添加一個我的頭像保證每一個頁面都能看到頭像xml

運行實例htm

這幅截圖就是一個完整的用戶控件。其它頁面調用的時候直接引用就好了blog

二.編寫用戶控件

1.添加窗體用戶控件

2.給用戶控件填寫代碼

其中不容許添加html,body,form 等標籤

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Top.ascx.cs" Inherits="Library.Common.Top" %>

<br />
<asp:Image ID="Image2" runat="server" />
<asp:Button ID="btndata" runat="server" Text="個人資料" OnClick="btndata_Click"/>
<asp:Button ID="btnhis" runat="server" Text="借閱歷史" OnClick="btnhis_Click"/>
<asp:Button ID="btnbook" runat="server" Text="書籍查詢" OnClick="btnbook_Click"/>
<asp:Button ID="btnword" runat="server" Text="留言歷史" OnClick="btnword_Click"/>
<asp:Button ID="delete" runat="server" Text="註銷" OnClick="delete_Click"/><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:ImageButton ID="Image1" runat="server" Height="100px" Width="100px" OnClick="Image1_Click" />
<div style="margin-left: 200px">
    <asp:Panel ID="Panel1" runat="server" Visible="false">
        <asp:FileUpload ID="FileUpload1" runat="server"/>
        <asp:Button ID="btnupload" runat="server" Text="上傳" OnClick="btnupload_Click" />
    </asp:Panel>
</div>

3.給用戶控件自定義屬性

 string name;
        int id;  
        public string text {
            get
            {
                return name;
            }
            set
            {
                this.name = value;
            }
        }

4.引用用戶控件示例（能夠對照asp標籤理解

<%@ Register TagPrefix="uc1" TagName="top" Src="~/Common/Top.ascx"%>

）

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Liberary.aspx.cs" Inherits="Library.Common.Liberary" %>
<%@ Register TagPrefix="uc1" TagName="top" Src="~/Common/Top.ascx"%>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>       
        歡迎<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>加入海大圖書館 <br/>           
            <uc1:top ID="toptext" runat="server"/>       
        <br />您的位置>>海大圖書館
    </div>
    </form>
</body>
</html>

至此，就結束了。仍是洗洗睡吧如今

相關標籤/搜索