Как иметь кнопку с возможностью нажатия в моем поле со списком ItemTemplate? - PullRequest
Новая
       28

Как иметь кнопку с возможностью нажатия в моем поле со списком ItemTemplate?

1 голос
/ 26 января 2011

Это то, что у меня есть: 

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

Во-первых, я хочу, чтобы две колонки стояли отдельно. Пользователь должен иметь возможность выбрать или удалить элемент.

Во-вторых, я бы хотел, чтобы моя кнопка в шаблоне ItemTemplate была доступна для нажатия.

Что мне нужно добавить, чтобы получить такое поведение?

Вот как это выглядит на данный момент:

enter image description here

Ответы [ 2 ]

2 голосов
/ 26 января 2011

Нажмите
Я предполагаю, что ваша кнопка кликабельна, и вы хотите знать, как обрабатывать событие клика. Правильно?
Для обработчика кликов добавьте следующий код: 

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

}

Я предположил, что ваш класс элементов называется UserReportProfile. В противном случае измените объявленный тип соответствующим образом.

Компоновка
Для выравнивания добавьте следующую декларацию в ComboBox: 

HorizontalContentAlignment="Stretch"

Это дает вашей DataTemplate-Grid полную ширину, и вы можете размещать элементы по своему усмотрению. 

<dxe:ComboBoxEdit Name="cboUserCustomReports"                         
      HorizontalContentAlignment="Stretch"            
      Width="300" Height="Auto"                         
      Margin="0,5,0,5"   
      ...>
1 голос
/ 26 января 2011

Ваш вопрос недостаточно ясен.Но я думаю, вы хотите выровнять по вертикали текст и изображения в вашем комбинированном списке.Если это так, то все, что вам нужно для этого: 

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

И я думаю, что ваши предметы уже кликабельны!

...