MenuItemBinding.ImageUrlField MenuItemBinding.ImageUrlField MenuItemBinding.ImageUrlField MenuItemBinding.ImageUrlField Property

Definición

Obtiene o establece el nombre del campo del origen de datos que se debe enlazar a la propiedad ImageUrl de un objeto MenuItem al que se aplica el objeto MenuItemBinding.Gets or sets the name of the field from the data source to bind to the ImageUrl property of a MenuItem object to which the MenuItemBinding object is applied.

public:
 property System::String ^ ImageUrlField { System::String ^ get(); void set(System::String ^ value); };
[System.ComponentModel.TypeConverter("System.Web.UI.Design.DataSourceViewSchemaConverter, System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a")]
[System.ComponentModel.TypeConverter("System.Web.UI.Design.DataSourceViewSchemaConverter, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a")]
public string ImageUrlField { get; set; }
member this.ImageUrlField : string with get, set
Public Property ImageUrlField As String

Valor de propiedad

Nombre del campo que se debe enlazar a la propiedad ImageUrl de un objeto MenuItem al que se aplica el objeto MenuItemBinding.The name of the field to bind to the ImageUrl of a MenuItem 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 ImageUrlField propiedad para especificar el nombre del campo que se va a enlazar el ImageUrl propiedad de un elemento de menú.The following code example demonstrates how to use the ImageUrlField property to specify the name of the field to bind to the ImageUrl property of a menu item. 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"
            formatstring="({0})" 
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"
            target="_self" />
          <asp:menuitembinding datamember="MapNode" 
            depth="1"
            formatstring="[{0}]" 
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"
            target="_blank"/>
          <asp:menuitembinding datamember="MapNode" 
            depth="2"
            formatstring="<{0}>" 
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"
            target="_blank"/>
          
        </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"
            formatstring="({0})" 
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"
            target="_self" />
          <asp:menuitembinding datamember="MapNode" 
            depth="1"
            formatstring="[{0}]" 
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"
            target="_blank"/>
          <asp:menuitembinding datamember="MapNode" 
            depth="2"
            formatstring="<{0}>" 
            textfield="Title"
            valuefield="Description"
            imageurlfield="ImageUrl"
            tooltipfield="ToolTip"
            target="_blank"/>
          
        </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 ImageUrlField propiedad para especificar el nombre del campo que se va a enlazar el ImageUrl propiedad de un MenuItem objeto.When the Menu control is bound to a data source, use the ImageUrlField property to specify the name of the field to bind to the ImageUrl property of a MenuItem object. 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. 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.

Si el origen de datos contiene varias tablas o atributos, primero debe establecer los criterios de enlace estableciendo el Depth propiedad, el DataMember propiedad, o ambos.If the data source contains multiple tables or attributes, you must first establish the binding criteria by setting the Depth property, the DataMember property, or both.

En lugar de usar esta propiedad para enlazar la ImageUrl propiedad de un MenuItem objeto a un campo, también puede enlazarla a un valor estático estableciendo el MenuItemBinding.ImageUrl propiedad.Instead of using this property to bind the ImageUrl property of a MenuItem object to a field, you can also bind it to a static value by setting the MenuItemBinding.ImageUrl property. Esto permite mostrar la misma imagen en cada elemento de menú al que el MenuItemBinding se aplica el objeto.This allows you to display the same image in each menu item to which the MenuItemBinding object is applied.

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: