バージョン

WebExplorerBar で開始

始める前に

WebExplorerBar™ コントロールによって、データ ソースにバインドすることなく、グループと項目を表示することができます。デザイン タイムに、またはコード ビハインドでグループと項目を追加することによってこれを実行できます。

達成すること

グループと項目を WebExplorerBar に追加する方法を学習します。

次の手順を実行します

  1. Visual Studio™ ツールボックスから Web ページに ScriptManager コンポーネントをドラッグします。

  2. WebExplorerBar コントロールをページにドラッグします。

  3. WebExplorerBar の Groups プロパティを使用して、 ExplorerBarGroup オブジェクトをグループ コレクションに追加します。

HTML の場合:

<ig:WebExplorerBar ID="WebExplorerBar1" runat="server" GroupExpandBehavior="AnyExpandable">
        <Groups>
            <ig:ExplorerBarGroup Text="フォルダー">
            <%--TODO: 項目を追加します--%>
            </ig:ExplorerBarGroup>
        </Groups>
</ig:WebExplorerBar>

Visual Basic の場合：

' グループ 1
Dim group As New ExplorerBarGroup()
group.Text = "フォルダー"
Me.WebExplorerBar1.Groups.Add(group)

C# の場合：

// グループ 1
ExplorerBarGroup group = new ExplorerBarGroup();
group.Text = "フォルダー";
this.WebExplorerBar1.Groups.Add(group);

  1. Items プロパティを使用して、2 つの ExplorerBarItem オブジェクトを項目コレクションに追加します。

  2. 一方の ExplorerBarItem オブジェクトで Text プロパティを "Documents" に設定し、もう一方の ExplorerBarItem オブジェクトで "Samples" に設定します。

HTML の場合:

<Items>
   <ig:ExplorerBarItem Text="ヘルプ" />
   <ig:ExplorerBarItem Text="サンプル" />
</Items>

Visual Basic の場合：

Dim item As New ExplorerBarItem()
item.Text = "ヘルプ"
group.Items.Add(item)
item = New ExplorerBarItem()
item.Text = "サンプル"
group.Items.Add(item)

C# の場合：

ExplorerBarItem item = new ExplorerBarItem();
item.Text = "ヘルプ";
group.Items.Add(item);
item = new ExplorerBarItem();
item.Text = "サンプル";
group.Items.Add(item);

  1. 手順 3 と 4 をさらに 2 回繰り返し、さらに 2 グループ取得して以下のサンプル コードに従ってテキストを設定します。

HTML の場合:

<ig:ExplorerBarGroup Text="ドライブ">
    <Items>
       <ig:ExplorerBarItem Text="C:" />
       <ig:ExplorerBarItem Text="D:" />
    </Items>
 </ig:ExplorerBarGroup>
 <ig:ExplorerBarGroup  Text="その他">
     <Items>
        <ig:ExplorerBarItem Text="Worksheet.xls" />
        <ig:ExplorerBarItem Text="Pic.png" />
     </Items>
</ig:ExplorerBarGroup>

Visual Basic の場合：

' グループ 2
group = New ExplorerBarGroup()
group.Text = "ドライブ"
Me.WebExplorerBar1.Groups.Add(group)
item = New ExplorerBarItem()
item.Text = "C:"
group.Items.Add(item)
item = New ExplorerBarItem()
item.Text = "D:"
group.Items.Add(item)
' グループ 3
group = New ExplorerBarGroup()
group.Text = "その他"
Me.WebExplorerBar1.Groups.Add(group)
item = New ExplorerBarItem()
item.Text = "Worksheet.xls"
group.Items.Add(item)
item = New ExplorerBarItem()
item.Text = "Pic.png"
group.Items.Add(item)

C# の場合：

// グループ 2
group = new ExplorerBarGroup();
group.Text = "ドライブ";
this.WebExplorerBar1.Groups.Add(group);
item = new ExplorerBarItem();
item.Text = "C:";
group.Items.Add(item);
item = new ExplorerBarItem();
item.Text = "D:";
group.Items.Add(item);
// グループ 3
group = new ExplorerBarGroup();
group.Text = "その他";
this.WebExplorerBar1.Groups.Add(group);
item = new ExplorerBarItem();
item.Text = "Worksheet.xls";
group.Items.Add(item);
item = new ExplorerBarItem();
item.Text = "Pic.png";
group.Items.Add(item);

  1. アプリケーションを実行します。WebExplorerBar コントロールはサブ項目を持つ 3 つのグループを表示します。

WebExplorerBar AddingGroupsandItems 01.png

関連トピック

WebExplorerBar の理解

WebExplorerBar の使用