Export (0) Print
Expand All

BulletedList.DisplayMode Property

Gets or sets the display mode of the list content in a BulletedList control.

Namespace:  System.Web.UI.WebControls
Assembly:  System.Web (in System.Web.dll)

public virtual BulletedListDisplayMode DisplayMode { get; set; }
<asp:BulletedList DisplayMode="BulletedListDisplayMode" />

Property Value

Type: System.Web.UI.WebControls.BulletedListDisplayMode
One of the BulletedListDisplayMode values. The default is Text.

ExceptionCondition
ArgumentOutOfRangeException

The specified type is not one of the BulletedListDisplayMode values.

Use the DisplayMode property to specify the display behavior to apply to the content of list items in a BulletedList control. The DisplayMode property is set using one of the BulletedListDisplayMode enumeration values. The following table lists the possible values.

Value

Displayed as

Text

Text.

HyperLink

Hyperlinks.

LinkButton

Link buttons.

The HyperLink value allows you to display list content as hyperlinks. When clicked, a hyperlink navigates to a URL. Use the Value property to specify the URL that a hyperlink navigates to.

The LinkButton field allows you to display list content as links. Use the BulletedList.Click event to post back to the server when a link button is clicked.

The value of this property is stored in view state.

The following code example demonstrates how to create a BulletedList control and set the DisplayMode property. A ListBox control is populated with the BulletedListDisplayMode enumeration values. The format of the list item content changes based on the display mode that the user selects from the list box.

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>DisplayMode Example</title>
<script runat="server">

  void Index_Changed(object sender, System.EventArgs e)
  {

	  // Change the message displayed, based on  
	  // the display mode selected from the list box. 
	  if (DisplayModeListBox.SelectedIndex > -1)
	  {
		  Message1.Text = "You chose: " + DisplayModeListBox.SelectedItem.Text;
	  }

	  // Change the display mode, based on  
	  // the mode selected from the list box. 
	  switch (DisplayModeListBox.SelectedIndex) 
    {
		  case 0:
			  ItemsBulletedList.DisplayMode = BulletedListDisplayMode.Text;
			  Message2.Text = "";
			  break;
		  case 1:
			  ItemsBulletedList.DisplayMode = BulletedListDisplayMode.HyperLink;
			  // Opens a new browser window to display the page linked to.
			  ItemsBulletedList.Target = "_blank";
			  Message2.Text = "";
			  break;
		  case 2:
			  ItemsBulletedList.DisplayMode = BulletedListDisplayMode.LinkButton;
			  break;
		  default:
			  throw new Exception("You did not select a valid display mode.");
			  break;
	  }

  }

  void ItemsBulletedList_Click(object sender, System.Web.UI.WebControls.BulletedListEventArgs e)
  {

	  // Change the message displayed, based on the index 
	  // of the bulletedlist list item that was clicked. 
	  switch (e.Index) 
    {
		  case 0:
			  Message2.Text = "You  clicked list item 1.";
			  break;
		  case 1:
			  Message2.Text = "You  clicked list item 2.";
			  break;
		  case 2:
			  Message2.Text = "You  clicked list item 3.";
			  break;
		  default:
			  throw new Exception("You did not click a valid list item.");
			  break;
	  }

  }

</script>

</head>
<body>

  <h3>DisplayMode Example</h3>

  <form id="form1" runat="server">

    <h3>BulletedListDisplayMode Example</h3>

    <p>
    <asp:BulletedList id="ItemsBulletedList" 
      BulletStyle="Disc"
      DisplayMode="Text" 
      OnClick="ItemsBulletedList_Click"
      runat="server">    
      <asp:ListItem Value="http://www.cohowinery.com">Coho Winery</asp:ListItem>
      <asp:ListItem Value="http://www.contoso.com">Contoso, Ltd.</asp:ListItem>
      <asp:ListItem Value="http://www.tailspintoys.com">Tailspin Toys</asp:ListItem>
    </asp:BulletedList></p>

    <hr />

    <h4>Select from the list to change the display mode:</h4>
    <asp:ListBox id="DisplayModeListBox" 
      Rows="1"
      SelectionMode="Single"
      AutoPostBack="True"
      OnSelectedIndexChanged="Index_Changed"
      runat="server">
        <asp:ListItem>Text</asp:ListItem>
        <asp:ListItem>Hyperlink</asp:ListItem>
        <asp:ListItem>LinkButton</asp:ListItem>
    </asp:ListBox>

    <asp:Label id="Message1" 
      runat="server"
      AssociatedControlID="DisplayModeListBox"/><br /><br />

    <asp:Label id="Message2"
      runat="server"
      AssociatedControlID="DisplayModeListBox"/>

   </form>

</body>
</html>

Windows 7, Windows Vista, Windows XP SP2, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP Starter Edition, Windows Server 2008 R2, Windows Server 2008, Windows Server 2003, Windows Server 2000 SP4, Windows Millennium Edition, Windows 98

The .NET Framework and .NET Compact Framework do not support all versions of every platform. For a list of the supported versions, see .NET Framework System Requirements.

.NET Framework

Supported in: 3.5, 3.0, 2.0

Community Additions

ADD
Show:
© 2014 Microsoft