MenuItemBinding.ImageUrl 속성

정의

MenuItemBinding 개체가 적용된 메뉴 항목의 텍스트 옆에 표시되는 이미지의 URL을 가져오거나 설정합니다.Gets or sets the URL to an image that is displayed next to the text of a menu item to which the MenuItemBinding object is applied.

public:
 property System::String ^ ImageUrl { System::String ^ get(); void set(System::String ^ value); };
public string ImageUrl { get; set; }
member this.ImageUrl : string with get, set
Public Property ImageUrl As String

속성 값

MenuItemBinding이 적용된 메뉴 항목의 텍스트 옆에 표시되는 이미지의 URL입니다.The URL to an image that is displayed next to the text of a menu item to which the MenuItemBinding is applied. 기본값은 빈 문자열("")로, 이 속성이 설정되어 있지 않음을 나타냅니다.The default is an empty string (""), which indicates that this property is not set.

예제

다음 코드 예제를 사용 하는 방법에 설명 합니다 ImageUrl 메뉴 항목의 텍스트 옆에 표시할 이미지에 URL을 지정 하는 속성입니다.The following code example demonstrates how to use the ImageUrl property to specify the URL to an image to display next to the text of the menu items. 이 이미지는 각 메뉴 항목에 표시 되는 MenuItemBinding 개체 적용 됩니다.This image is displayed in each menu item to which the MenuItemBinding object is applied. 제대로 작동 하려면이 예제에서는 Menu.xml 라는 파일에 아래 샘플 XML 데이터를 복사 해야 합니다.For this example to work correctly, you must copy the sample XML data below to a file named Menu.xml.


<%@ 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>MenuItemBinding Example</title>
</head>
<body>
    <form id="form1" runat="server">

      <h3>MenuItemBinding Example</h3>

      <asp:menu id="NavigationMenu"
        datasourceid="MenuSource"
        runat="server">
        
        <databindings>
        
          <asp:menuitembinding datamember="MapHomeNode"
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"/>
          <asp:menuitembinding datamember="MapNode" 
            depth="1"
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"/>
          <asp:menuitembinding datamember="MapNode" 
            depth="2"
            text="Static Title"
            value="Static Description"
            imageurl="~\Images\StaticImage.jpg"
            tooltip="Static ToolTip"/>
          
        </databindings>
        
      </asp:menu>

      <asp:xmldatasource id="MenuSource"
        datafile="Menu.xml"
        runat="server"/> 

    </form>
  </body>
</html>


<%@ page language="VB" %>

<!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>MenuItemBinding Example</title>
</head>
<body>
    <form id="form1" runat="server">

      <h3>MenuItemBinding Example</h3>

      <asp:menu id="NavigationMenu"
        datasourceid="MenuSource"
        runat="server">
        
        <databindings>
        
          <asp:menuitembinding datamember="MapHomeNode"
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"/>
          <asp:menuitembinding datamember="MapNode" 
            depth="1"
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"/>
          <asp:menuitembinding datamember="MapNode" 
            depth="2"
            text="Static Title"
            value="Static Description"
            imageurl="~\Images\StaticImage.jpg"
            tooltip="Static ToolTip"/>
          
        </databindings>
        
      </asp:menu>

      <asp:xmldatasource id="MenuSource"
        datafile="Menu.xml"
        runat="server"/> 

    </form>
  </body>
</html>

다음 코드는 이전 예제에 대 한 사이트 맵 데이터 샘플입니다.The following code is sample site map data for the previous example.

<MapHomeNode ImageUrl="~\Images\Home.gif"

Title="Home"

Description="Root Page"

ToolTip="Home Page">

<MapNode ImageUrl="~\Images\Music.gif"

Title="Music"

Description="Music Category"

ToolTip="Music Page">

<MapNode ImageUrl="~\Images\Classical.gif"

Title="Classical"

Description="Classical Section"

ToolTip="Classical Page"/>

<MapNode ImageUrl="~\Images\Rock.gif"

Title="Rock"

Description="Rock Section"

ToolTip="Rock Page"/>

<MapNode ImageUrl="~\Images\Jazz.gif"

Title="Jazz"

Description="Jazz Section"

ToolTip="Jazz Page"/>

</MapNode>

<MapNode ImageUrl="~\Images\Movies.gif"

Title="Movies"

Description="Movies Category"

ToolTip="Movies Page">

<MapNode ImageUrl="~\Images\Action.gif"

Title="Action"

Description="Action Section"

ToolTip="Action Page"/>

<MapNode ImageUrl="~\Images\Drama.gif"

Title="Drama"

Description="Drama Section"

ToolTip="Drama Page"/>

<MapNode ImageUrl="~\Images\Musical.gif"

Title="Musical"

Description="Musical Section"

ToolTip="Musical Page"/>

</MapNode>

</MapHomeNode>

설명

때를 Menu 데이터 원본에 바인딩된 컨트롤을 사용 합니다 ImageUrl 바인딩할 사용자 지정 이미지의 URL을 지정 하는 속성을 MenuItem.ImageUrl 의 속성을 MenuItem 개체.When the Menu control is bound to a data source, use the ImageUrl property to specify the URL of a custom image to bind to the MenuItem.ImageUrl property of a MenuItem object. 이 이미지는 모든 공유 MenuItem 개체는를 MenuItemBinding 개체 적용 됩니다.This image is shared with all MenuItem objects to which the MenuItemBinding object is applied. 이미지 메뉴 항목의 텍스트 옆에 표시 되 고 클라이언트의 브라우저에서 해당 형식을 지원으로 모든 파일 형식 (.jpg,.gif,.bmp, 및 등)에 있을 수 있습니다.The image is displayed next to a menu item's text and can be in any file format (.jpg, .gif, .bmp, and so on), as long as the client's browser supports that format.

참고

설정 하 여 개별 메뉴 항목에 대 한 이미지를 재정의할 수 해당 ImageUrl 속성을 직접.You can override the image for an individual menu item by setting its ImageUrl property directly.

각 메뉴 항목에 동일한 이미지를 표시 하려면이 속성을 사용 하는 대신 사용할 수도 있습니다는 ImageUrlField 바인딩할 속성을 ImageUrl 의 속성을 MenuItem 개체 데이터 원본의 필드입니다.Instead of using this property to display the same image in each menu item, you can also use the ImageUrlField property to bind the ImageUrl property of a MenuItem object to a field of a data source. 렌더링 될 때를 ImageUrl 하려는 각 메뉴 항목의 속성을 MenuItemBinding 개체가 적용 된 필드에서 해당 값을 포함 합니다.When rendered, the ImageUrl property of each menu item to which the MenuItemBinding object is applied contains the corresponding value from the field.

참고

경우는 ImageUrlImageUrlField 속성이 모두 설정의 ImageUrlField 속성이 우선 합니다.If the ImageUrl and ImageUrlField properties are both set, the ImageUrlField property takes precedence.

적용 대상

추가 정보