ASP.NET - 伺服器控制元件

---

---

控制元件是圖形使用者介面的小型構建塊，包括文字框、按鈕、複選框、列表框、標籤以及眾多其他工具。使用者可以使用這些工具輸入資料、進行選擇並指示其偏好。

控制元件還用於結構性工作，例如驗證、資料訪問、安全性、建立母版頁以及資料操作。

ASP.NET 使用五種型別的 Web 控制元件，它們是

• HTML 控制元件
• HTML 伺服器控制元件
• ASP.NET 伺服器控制元件
• ASP.NET Ajax 伺服器控制元件
• 使用者控制元件和自定義控制元件

ASP.NET 伺服器控制元件是 ASP.NET 中使用的主要控制元件。這些控制元件可以分為以下幾類

• 驗證控制元件 - 用於驗證使用者輸入，它們透過執行客戶端指令碼工作。

• 資料來源控制元件 - 這些控制元件提供與不同資料來源的資料繫結。

• 資料檢視控制元件 - 這些是各種列表和表格，可以繫結到資料來源中的資料以進行顯示。

• 個性化控制元件 - 用於根據使用者的資訊，根據使用者偏好個性化頁面。

• 登入和安全控制元件 - 這些控制元件提供使用者身份驗證。

• 母版頁 - 這些控制元件在整個應用程式中提供一致的佈局和介面。

• 導航控制元件 - 這些控制元件有助於導航。例如，選單、樹檢視等。

• 富控制元件 - 這些控制元件實現特殊功能。例如，AdRotator、FileUpload 和 Calendar 控制元件。

使用伺服器控制元件的語法為

<asp:controlType  ID ="ControlID" runat="server" Property1=value1  [Property2=value2] />

此外，Visual Studio 具有以下功能，有助於生成無錯誤的程式碼

• 在設計檢視中拖放控制元件
• IntelliSense 功能，顯示並自動完成屬性
• 屬性視窗，直接設定屬性值

伺服器控制元件的屬性

具有視覺外觀的 ASP.NET 伺服器控制元件派生自 WebControl 類，並繼承此類所有屬性、事件和方法。

WebControl 類本身以及一些未進行視覺呈現的其他伺服器控制元件派生自 System.Web.UI.Control 類。例如，PlaceHolder 控制元件或 XML 控制元件。

ASP.Net 伺服器控制元件繼承 WebControl 和 System.Web.UI.Control 類的所有屬性、事件和方法。

下表顯示了所有伺服器控制元件共有的繼承屬性

伺服器控制元件的方法

下表提供了伺服器控制元件的方法

示例

讓我們來看一個特定的伺服器控制元件 - 樹形檢視控制元件。樹形檢視控制元件屬於導航控制元件。其他導航控制元件包括：選單控制元件和站點地圖路徑控制元件。

在頁面上新增一個樹形檢視控制元件。從任務中選擇“編輯節點…”。使用樹形檢視節點編輯器編輯每個節點，如所示

建立節點後，在設計檢視中看起來如下所示

“自動格式化…”任務允許您格式化樹形檢視，如所示

在頁面上新增一個標籤控制元件和一個文字框控制元件，並分別將其命名為 lblmessage 和 txtmessage。

編寫幾行程式碼以確保當選擇特定節點時，標籤控制元件顯示節點文字，而文字框顯示其下所有子節點（如果有）。檔案後面的程式碼應如下所示

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;

using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;
 
namespace eventdemo {
   public partial class treeviewdemo : System.Web.UI.Page {
   
      protected void Page_Load(object sender, EventArgs e) { 
         txtmessage.Text = " "; 
      }
      
      protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e) {
      
         txtmessage.Text = " "; 
         lblmessage.Text = "Selected node changed to: " + TreeView1.SelectedNode.Text;
         TreeNodeCollection childnodes = TreeView1.SelectedNode.ChildNodes;
         
         if(childnodes != null) {
            txtmessage.Text = " ";
            
            foreach (TreeNode t in childnodes) {
               txtmessage.Text += t.Value;
            }
         }
      }
   }
}

執行頁面以檢視效果。您將能夠展開和摺疊節點。