MenuItemBinding.ImageUrlField Propriedade

Definição

Obtém ou define o nome do campo da fonte de dados a ser associado à propriedade ImageUrl de um objeto MenuItem ao qual o objeto MenuItemBinding é aplicado.

[System.ComponentModel.TypeConverter("System.Web.UI.Design.DataSourceViewSchemaConverter, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a")]
public string ImageUrlField { get; set; }
[System.ComponentModel.TypeConverter("System.Web.UI.Design.DataSourceViewSchemaConverter, System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a")]
public string ImageUrlField { get; set; }

Valor da propriedade

String

O nome do campo a ser associado ao ImageUrl de um MenuItem ao qual o MenuItemBinding é aplicado. O padrão é uma cadeia de caracteres vazia (""), que indica que essa propriedade não está definida.

Atributos

Exemplos

O exemplo de código a ImageUrl seguir demonstra como usar a ImageUrlField propriedade para especificar o nome do campo a ser associado à propriedade de um item de menu. Para que este exemplo funcione corretamente, você deve copiar os dados XML de exemplo abaixo para um arquivo chamado 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>

O código a seguir é dados de mapa de site de exemplo para o exemplo anterior.

<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>

Comentários

Quando o Menu controle estiver associado a uma fonte de dados, use a ImageUrlField propriedade para especificar o nome do campo a ser associado à ImageUrl propriedade de um MenuItem objeto. Quando renderizada, a ImageUrl propriedade de cada item de menu ao qual o MenuItemBinding objeto é aplicado contém o valor correspondente do campo. A imagem é exibida ao lado do texto de um item de menu e pode estar em qualquer formato de arquivo (.jpg, .gif, .bmp e assim por diante), desde que o navegador do cliente dê suporte a esse formato.

Observação

Você pode substituir a imagem por um item de menu individual definindo sua ImageUrl propriedade diretamente.

Se a fonte de dados contiver várias tabelas ou atributos, primeiro você deverá estabelecer os critérios de associação definindo a Depth propriedade, a DataMember propriedade ou ambos.

Em vez de usar essa propriedade para associar a ImageUrl propriedade de um MenuItem objeto a um campo, você também pode associá-la a um valor estático definindo a MenuItemBinding.ImageUrl propriedade. Isso permite que você exiba a mesma imagem em cada item de menu ao qual o MenuItemBinding objeto é aplicado.

Observação

Se as propriedades e ImageUrlField as ImageUrl propriedades estiverem definidas, a ImageUrlField propriedade terá precedência.

Aplica-se a

Confira também