コンボボックスのItemTemplateでクリック可能なボタンを持つ方法

Question

これは私がこれまで持っているものです。

<dxe:ComboBoxEdit Name="cboUserCustomReports" 
         Width="300" Height="Auto" 
         Margin="0,5,0,5" 
         ItemsSource="{Binding Path=UserReportProfileList,Mode=OneWay,UpdateSourceTrigger=PropertyChanged}" 
         EditValue="{Binding Path=UserReportProfileID,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" 
         ValueMember="UserReportProfileID" 
         DisplayMember="ReportName" 
         PopupClosed="cboUserCustomReports_PopupClosed"> 
      <dxe:ComboBoxEdit.ItemTemplate> 
       <DataTemplate> 
        <Grid> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition Width="100*"/> 
          <ColumnDefinition Width="20"/> 
         </Grid.ColumnDefinitions> 
         <TextBlock Grid.Column="0" 
            Text="{Binding ReportName, Mode=Default}" 
            VerticalAlignment="Stretch" HorizontalAlignment="Left"/> 
         <Button Name="btnDelete" 
           Grid.Column="1" 
           Width="20" Height="20" 
           VerticalAlignment="Center" HorizontalAlignment="Right" 
           Click="btnDelete_Click"> 
          <Button.Template> 
           <ControlTemplate> 
            <Image Source="/RMSCommon;component/Resources/Delete.ico"></Image> 
           </ControlTemplate> 
          </Button.Template> 
         </Button> 
        </Grid> 
       </DataTemplate> 
      </dxe:ComboBoxEdit.ItemTemplate> 
     </dxe:ComboBoxEdit> 

まず、私は一人で立つことが2つの列をしたいです。ユーザーはアイテムを選択または削除できる必要があります。

次に、ItemTemplateのボタンをクリック可能にしたいと思います。

この動作を取得するには、何を追加する必要がありますか？これは、それが現時点でどのように見えるかです

：

Answer 1

をクリック
私はあなたのボタンがクリック可能であることを、仮定、そしてあなたがクリックイベントを処理する方法を知りたいです。右？私はあなたの商品・クラスはUserReportProfileを命名されているものと

private void btnDelete_Click(object sender, RoutedEventArgs e) { 
    FrameworkElement fe = sender as FrameworkElement; 
    if(null == fe){ 
     return; 
    } 
    UserReportProfile userReportProfile = fe.DataContext as UserReportProfile; 
    if (null == userReportProfile) { 
     return; 
    } 
    // Do here your deletion-operation 

} 

：クリックハンドラの
は、次のコードを追加します。それ以外の場合は、宣言された型を適宜変更してください。位置合わせのための

レイアウト
、あなたのコンボボックスに次の宣言を追加します。

HorizontalContentAlignment="Stretch" 

これはあなたのDataTemplateグリッドに全幅を与え、あなたが望むようあなたは、あなたのアイテムをレイアウトすることができます。

<dxe:ComboBoxEdit Name="cboUserCustomReports"       
     HorizontalContentAlignment="Stretch"    
     Width="300" Height="Auto"       
     Margin="0,5,0,5" 
     ...> 

Answer 2

あなたの質問は十分ではありません。しかし、私はあなたのコンボボックスにのテキストとの画像をに垂直に並べたいと思う。もしそうなら、あなたはこれを行う必要があります：

<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition Width="Auto"/> 
</Grid.ColumnDefinitions> 

あなたのアイテムはすでにクリック可能だと思います！