バージョン

項目テンプレートの構成

DataTemplate によって、項目がコントロールに表示される方法をカスタマイズできます。各 ComboEditorItem に適用される DataTemplate を作成できます。これはxamComboEditor コントロールの ItemTemplate プロパティで実現できます。

このトピックは xamComboEditor がデータにバインドされていることが前提となっています。詳細は、 xamComboEditor をページに追加のトピックを参照してください。

以下の例は DataTemplate 定義を示します。

XAML の場合:

<ig:XamComboEditor
	ItemsSource="{Binding Source={StaticResource DataUtil}, Path=Products}"
	DisplayMemberPath="ProductName"
	EmptyText="Choose Product ..."
	Height="30" Width="300" >
    <ig:XamComboEditor.ItemTemplate>
      <DataTemplate>
        <Grid ToolTipService.ToolTip="Product Info">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="80" />
            <ColumnDefinition Width="180" />
          </Grid.ColumnDefinitions>
          <Grid.RowDefinitions>
            <RowDefinition Height="25" />
            <RowDefinition Height="25" />
          </Grid.RowDefinitions>
          <TextBlock Text="Product Id" Margin="5"
			Grid.Column="0" Grid.Row="0" FontWeight="Bold" />
          <TextBlock Text="Product Name" Margin="5"
			Grid.Column="1" Grid.Row="0" FontWeight="Bold" />
          <TextBlock Text="{Binding Path=ProductID}"
			Margin="5" Grid.Column="0" Grid.Row="1" />
          <TextBlock Text="{Binding Path=ProductName}"
			Margin="5" Grid.Column="1" Grid.Row="1" />
        </Grid>
      </DataTemplate>
    </ig:XamComboEditor.ItemTemplate>
</ig:XamComboEditor>
xamComboEditor Using Data Template.png