MenuItemBinding.ImageUrl MenuItemBinding.ImageUrl MenuItemBinding.ImageUrl MenuItemBinding.ImageUrl Property

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 el ImageUrl propiedad para especificar la dirección URL a una imagen para 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 el MenuItemBinding se aplica el objeto.This image is displayed in each menu item to which the MenuItemBinding object is applied. 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 datos de mapa del sitio de ejemplo 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 Menu control se enlaza a un origen de datos, use el ImageUrl propiedad para especificar la dirección URL de una imagen personalizada para enlazar con el MenuItem.ImageUrl propiedad de un MenuItem objeto.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 todas MenuItem objetos a los que el MenuItemBinding se aplica el objeto.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 estar en cualquier formato de archivo (.jpg, .gif, .bmp etc.), siempre que el explorador del cliente es compatible con 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 reemplazar la imagen de un elemento de menú individuales estableciendo su ImageUrl propiedad 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 usar el ImageUrlField propiedad para enlazar la ImageUrl propiedad de un MenuItem objeto 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 procesa, el ImageUrl propiedad de cada elemento de menú al que el MenuItemBinding se aplica el objeto contiene el valor del campo correspondiente.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 el ImageUrl y ImageUrlField se establecen propiedades, la ImageUrlField propiedad tiene prioridad.If the ImageUrl and ImageUrlField properties are both set, the ImageUrlField property takes precedence.

Se aplica a

Consulte también: