TreeNodeBinding.ImageUrlField プロパティ

定義

名前空間:: System.Web.UI.WebControls

アセンブリ:: System.Web.dll

重要

一部の情報は、リリース前に大きく変更される可能性があるプレリリースされた製品に関するものです。 Microsoft は、ここに記載されている情報について、明示または黙示を問わず、一切保証しません。

ImageUrl オブジェクトが適用されるTreeNode オブジェクトのTreeNodeBinding プロパティにバインドするデータソースのフィールドの名前を取得または設定します。

public:
 property System::String ^ ImageUrlField { System::String ^ get(); void set(System::String ^ value); };

[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; }

[<System.ComponentModel.TypeConverter("System.Web.UI.Design.DataSourceViewSchemaConverter, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a")>]
member this.ImageUrlField : string with get, set

[<System.ComponentModel.TypeConverter("System.Web.UI.Design.DataSourceViewSchemaConverter, System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a")>]
member this.ImageUrlField : string with get, set

Public Property ImageUrlField As String

プロパティ値

String

ImageUrl オブジェクトが適用されるTreeNode オブジェクトのTreeNodeBinding プロパティにバインドするフィールドの名前。既定値は空の文字列 ("") です。これは、 ImageUrlField プロパティが設定されていないことを示します。

属性: TypeConverterAttribute

例

このセクションには、2 つのコード例が含まれています。最初のコード例では、ImageUrlField プロパティを使用して、ImageUrl オブジェクトが適用されるTreeNode オブジェクトのTreeNodeBinding プロパティにバインドする XML 要素の属性を指定する方法を示します。 2 番目のコード例では、最初のコード例のサンプル XML データを提供します。

次のコード例では、ImageUrlField プロパティを使用して、ImageUrl オブジェクトが適用されるTreeNode オブジェクトのTreeNodeBinding プロパティにバインドする XML 要素の属性を指定する方法を示します。この例を正しく機能させるには、このコード例の後に提供されるサンプル XML データを、Booklist.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>TreeViewBinding Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeViewBinding Example</h3>
    
      <!-- Set the TextField, ImageUrlField, NavigateUrlField, -->
      <!-- ValueField, and ToolTipField properties of a    -->
      <!-- TreeNodeBinding object declaratively.         -->
      <asp:TreeView id="BookTreeView" 
        DataSourceID="BookXmlDataSource"
        Target="_blank" 
        runat="server">
          
        <DataBindings>
          <asp:TreeNodeBinding DataMember="Books" 
            Depth="0" 
            TextField="Text"/>
          <asp:TreeNodeBinding DataMember="Book" 
            Depth="1" 
            TextField="Text" 
            ImageUrlField="Image"
            ImageToolTipField="ImageToolTip" 
            NavigateUrlField="Nav" 
            ValueField="Value" 
            ToolTipField="Tip"/>
          <asp:TreeNodeBinding DataMember="Description" 
            Depth="2" 
            TextField="Text"/>
          <asp:TreeNodeBinding DataMember="Price" 
            Depth="2" 
            TextField="Value"/>
        </DataBindings>
         
      </asp:TreeView>
      
      <asp:XmlDataSource id="BookXmlDataSource"  
        DataFile="Booklist.xml"
        runat="server">
      </asp:XmlDataSource>
    
    </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>TreeViewBinding Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>TreeViewBinding Example</h3>
    
      <!-- Set the TextField, ImageUrlField, NavigateUrlField, -->
      <!-- ValueField, and ToolTipField properties of a    -->
      <!-- TreeNodeBinding object declaratively.         -->
      <asp:TreeView id="BookTreeView" 
        DataSourceID="BookXmlDataSource"
        Target="_blank" 
        runat="server">
          
        <DataBindings>
          <asp:TreeNodeBinding DataMember="Books" 
            Depth="0" 
            TextField="Text"/>
          <asp:TreeNodeBinding DataMember="Book" 
            Depth="1" 
            TextField="Text" 
            ImageUrlField="Image"
            ImageToolTipField="ImageToolTip" 
            NavigateUrlField="Nav" 
            ValueField="Value" 
            ToolTipField="Tip"/>
          <asp:TreeNodeBinding DataMember="Description" 
            Depth="2" 
            TextField="Text"/>
          <asp:TreeNodeBinding DataMember="Price" 
            Depth="2" 
            TextField="Value"/>
        </DataBindings>
         
      </asp:TreeView>
      
      <asp:XmlDataSource id="BookXmlDataSource"  
        DataFile="Booklist.xml"
        runat="server">
      </asp:XmlDataSource>
    
    </form>
  </body>
</html>

次のコード例は、前の例のサンプル XML データを提供します。

<Books Text="Books List">
    <Book Text="Book Title One"
        Value="1"
        Image="Bookimage1.jpg"
        ImageToolTip="Book 1 Photo"
        Nav="http://www.microsoft.com"
        Tip="Book Title 1">
        <Description Text="Book Description">
        </Description>
        <Price Value="$1.99">
        </Price>
        <Author Text="Author Name"
            Value="LastName"
            Image="Authorimage1.jpg"
            Nav="http://www.microsoft.com"
            Tip="Author Name">
        </Author>
    </Book>
    <Book Text="Book Title Two"
        Value="2"
        Image="Bookimage2.jpg"
        ImageToolTip="Book 2 Photo"
        Nav="http://www.microsoft.com"
        Tip="Click Me">
        <Description Text="Book Description">
        </Description>
        <Price Value="$2.99">
        </Price>
        <Author Text="Author Name"
            Value="LastName"
            Image="Authorimage2.jpg"
            Nav="http://www.microsoft.com"
            Tip="Author Name">
        </Author>
    </Book>
</Books>

注釈

TreeView コントロールがデータソースにバインドされている場合は、ImageUrlField プロパティを使用して、ImageUrl オブジェクトのTreeNode プロパティにバインドするフィールドの名前を指定します。このバインディングリレーションシップは、TreeNode オブジェクトが適用されるすべてのTreeNodeBinding オブジェクトに影響します。イメージはノードの横に表示され、クライアントブラウザーが形式をサポートしている限り、任意のファイル形式 (.jpg、.gif、.bmpなど) にすることができます。

Note

個々のノードのイメージをオーバーライドするには、その ImageUrl プロパティを直接設定します。

このプロパティを使用してImageUrl オブジェクトのTreeNode プロパティをフィールドにバインドする代わりに、ImageUrl プロパティを設定することで、ImageUrl プロパティを固定値に設定できます。

Note

データソースに複数のフィールドが含まれている場合は、適切なフィールドにバインドするために、最初に Depth プロパティまたは DataMember プロパティ、または両方のプロパティを設定する必要があります。

ImageUrlField プロパティを持つノードの横にイメージを表示する場合は、ImageToolTipField プロパティの設定も検討する必要があります。指定したツールヒントテキストは、コントロールのアクセシビリティを高めるために使用できるイメージの説明を支援技術デバイスに提供します。

このプロパティの値はビューステートに格納されます。

適用対象

こちらもご覧ください

フィードバック

このページはお役に立ちましたか?