BulletedList 控制項

[BulletedList] 控制項可建立分別呈現為 HTML <UL> 或 <OL> 標籤之未排序或排序的 (編號) 項目清單。您可以指定項目和項目符號 (或數字) 的外觀;以統計方式或將控制項繫結至資料的方式定義清單項目;以及在使用者按一下項目時作出回應。

新增 BulletedList 控制項至網頁

  • 將 [BulletedList] 控制項從 [工具箱] 工作窗格拖曳至網頁。

將 BulletedList 控制項繫結至資料來源

  1. 在 [設計] 檢視中,以滑鼠右鍵按一下 [BulletedList] 控制項,再按 [顯示通用控制項工作]。

    Cc295523.alert_tip(zh-tw,Expression.10).gif秘訣:

    您也可以按一下 [設計] 檢視中的 [BulletedList] 控制項,再按右上角的箭號 Cc295523.56557a2a-a4ef-4c47-906b-f64b8d530387(zh-tw,Expression.10).png 顯示 [BulletedList 工作] 功能表。再按一次該箭號,即可隱藏功能表。

  2. 在 [BulletedList 工作] 功能表上,按一下 [選擇資料來源]。

  3. 從 [資料來源組態精靈] 的 [選取資料來源] 下拉式清單中選擇 [BulletedList] 控制項的來源。在 [選取要顯示在 BulletedList 中的資料欄位] 下拉式清單中,選取使用者將看見文字的欄位。在 [選取 BulletedList 值的資料欄位] 下拉式清單中,選取使用者在選擇清單中的項目時可透過程式存取資料的欄位。

定義清單項目

您可以透過建立靜態項目,或將控制項繫結至資料來源等方法,定義 [BulletedList] 控制項的清單項目。將控制項的「AppendDataBoundItems」屬性設定為 True,可以合併靜態及資料繫結清單項目。

為「BulletedList」控制項定義項目時,也會定義兩項屬性:「Text」屬性及「Value」屬性。「Text」屬性會定義顯示於網頁上的控制項。「Value」顯示則會定義第二個值,此值雖不會顯示,但您可能希望使用者選取項目時能夠傳回。例如,您可以將員工的姓名顯示為項目文字,但將員工識別碼作為值;當使用者按一下項目時,就可以直接讀取值。

定義 BulletedList 控制項的項目

  1. 在 [設計] 檢視中,以滑鼠右鍵按一下 [BulletedList] 控制項,再按 [顯示通用控制項工作]。

  2. 在 [BulletedList 工作] 功能表上,按一下 [編輯項目]。

  3. 在 [ListItem 集合編輯器] 對話方塊中,按一下 [新增],以新增項目。

  4. 在 [ListItem] 屬性區域中,設定 [文字] 與 [值] 屬性。

  5. 重複步驟 3 和 4,直到新增完所有需要完成的項目為止。

    Cc295523.alert_note(zh-tw,Expression.10).gif注意事項:

    請勿將機密資料 (例如客戶編號) 當作 [BulletedList] 控制項的 [Value] 屬性。雖然看不到,但個別項目的 [Value] 屬性設定還是會呈現到網頁中,使用者能輕易地在網頁的原始檔中看到這些設定。

自訂清單項目外觀

您可以在 [標籤屬性] 工作窗格中,為 [BulletedList] 控制項指定更多的顯示選項。

使用 [標籤屬性] 工作窗格設定 BulletedList 屬性

  1. 在 [設計] 檢視中,以滑鼠右鍵按一下 [BulletedList] 控制項,再按快顯功能表上的 [屬性]。

  2. 鍵入屬性值,或從提供屬性值的下拉式清單中選取。

根據 [BulletStyle] 屬性的設定,[BulletedList] 控制項可呈現為項目符號或編號。若設定控制項呈現項目符號,即可從符合 HTML 標準項目符號樣式之預先定義的項目符號樣式欄位中選取項目符號樣式欄位,例如以 [Disc]、[Circle] 及 [Square] 等表示的欄位。

Cc295523.alert_note(zh-tw,Expression.10).gif注意事項:

瀏覽器呈現項目符號的方式各有不同,其中有部分瀏覽器不支援特定的項目符號樣式,如 [Disc] 欄位等。

您也可以指定顯示自訂影像,而非項目符號。

控制項若設定為呈現編號,同樣可以選取 HTML 標準編號選項,如 [LowerAlpha]、[LowerRoman] 及 [UpperAlpha] 等欄位。藉由設定 [FirstBulletNumber] 屬性,亦可指定序列的起始編號。

指定項目顯示模式

[BulletedList] 控制項可以下列一種方式顯示清單項目:

  • 靜態文字:控制項所顯示的文字不具備互動能力。

  • [HyperLink] 控制項:使用者可以按一下連結而瀏覽其他網頁。必須提供目標 URL 作為個別項目的 Value 屬性。

  • [LinkButton] 控制項:使用者只要按個別的項目,控制項即會執行回傳。

Cc295523.alert_note(zh-tw,Expression.10).gif注意事項:

若已將 [DisplayMode] 屬性設為 [HyperLink],請在各項目的 [Value] 屬性中,指定超連結的目標 URL。

設定 [BulletStyle] 屬性可以指定控制項將項目顯示為項目符號或編號。若要建立編號或排序的清單,請將 [BulletStyle] 屬性設定為以下列舉值之一:

  • 編號

  • LowerAlpha

  • UpperAlpha

  • LowerRoman

  • LowerRoman

若要建立項目符號或未排序的清單,請將 [BulletStyle] 屬性設定為下列一值:

  • Disc

  • Circle

  • Square

若要顯示自訂影像的項目符號,請將 [BulletStyle] 屬性設定為圖形的 URL。如此會對每個項目顯示相同的圖形。

回應使用者選取

如需如何回應使用者在 [BulletedList] 控制項所選項目的詳細資訊,請參閱 MSDN Library 的 How To:回應使用者在 BulletedList Web 伺服器控制項中的按鍵

如需所有 [BulletedList] 控制項屬性的完整說明,請參閱 MSDN Library 的 BulletedList 屬性

請參閱

概念

ASP.NET 概觀

ASP.NET 標準控制項

ASP.NET 資料控制項概觀

ASP.NET 驗證控制項概觀

ASP.NET 導覽控制項概觀

ASP.NET 登入控制項概觀

ASP.NET 網頁組件控制項概觀