MenuItemBinding.ImageUrl Propiedad

Definición

Obtiene o establece la dirección URL de una imagen que se muestra al lado del texto de un elemento de menú al que se aplica el objeto MenuItemBinding.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

Valor de propiedad

Dirección URL de una imagen que se muestra al lado del texto de un elemento de menú al que se aplica el objeto MenuItemBinding.The URL to an image that is displayed next to the text of a menu item to which the MenuItemBinding is applied. El valor predeterminado es una cadena vacía (""), lo que indica que no se ha establecido esta propiedad.The default is an empty string (""), which indicates that this property is not set.

Ejemplos

En el ejemplo de código siguiente se muestra cómo usar la propiedad ImageUrl para especificar la dirección URL de una imagen que se va a mostrar junto al texto de los elementos de menú.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. Esta imagen se muestra en cada elemento de menú al que se aplica el objeto de MenuItemBinding.This image is displayed in each menu item to which the MenuItemBinding object is applied. Para que este ejemplo funcione correctamente, debe copiar los datos XML de ejemplo siguientes en un archivo denominado menu. 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>

El código siguiente es un ejemplo de datos del mapa del sitio para el ejemplo anterior.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>

Comentarios

Cuando el control de Menu se enlaza a un origen de datos, utilice la propiedad ImageUrl para especificar la dirección URL de una imagen personalizada que se va a enlazar a la propiedad MenuItem.ImageUrl de un objeto 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. Esta imagen se comparte con todos los objetos MenuItem a los que se aplica el objeto MenuItemBinding.This image is shared with all MenuItem objects to which the MenuItemBinding object is applied. La imagen se muestra junto al texto de un elemento de menú y puede tener cualquier formato de archivo (. jpg,. gif,. bmp, etc.), siempre que el explorador del cliente admita ese formato.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.

Nota

Puede invalidar la imagen de un elemento de menú individual estableciendo su propiedad ImageUrl directamente.You can override the image for an individual menu item by setting its ImageUrl property directly.

En lugar de usar esta propiedad para mostrar la misma imagen en cada elemento de menú, también puede utilizar la propiedad ImageUrlField para enlazar la propiedad ImageUrl de un objeto MenuItem a un campo de un origen de datos.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. Cuando se representa, la propiedad ImageUrl de cada elemento de menú al que se aplica el objeto MenuItemBinding contiene el valor correspondiente del campo.When rendered, the ImageUrl property of each menu item to which the MenuItemBinding object is applied contains the corresponding value from the field.

Nota

Si se establecen las propiedades ImageUrl y ImageUrlField, la propiedad ImageUrlField tiene prioridad.If the ImageUrl and ImageUrlField properties are both set, the ImageUrlField property takes precedence.

Se aplica a

Consulte también: