A button for each items in the combobox not firing

devLearning 1

Hi,

I have a combobox that has a list of items. The combobox is binded to an ObservableCollection. Each item has a button on the right. This purpose of the button is for user to click and delete the item. Currently, when I click the button, nothing gets fire. Please see xaml attached. 198320-filters.xml

Hui Liu-MSFT 38,026 Reputation points Microsoft Vendor

2022-05-03T03:14:40.91+00:00

Hi,@devLearning . What is the code for your Res:Report , CollectionView , Command and Converter respectively? Could you show me the complete code that reproduces the problem?
devLearning 1 Reputation point

2022-05-03T16:02:22.397+00:00
Hi @Hui Liu-MSFT ,

Thanks for looking into this. I can share with you the minimum because this is work related. I can email you if you can provide me the email address. Beside that, the code exceeded the maximum of characters on this reply.

Res:Report is reference to a string in the Resource file.

DeleteCommand = new DelegateSecurityCommand(
SecurityContracts.Operator,
async () => await OnDeleteFilterAsync(), CanDeleteFilter);

public class BitmapConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
try
{
using (var ms = new MemoryStream())
{
((Bitmap)value).Save(ms, ImageFormat.Png);
var image = new BitmapImage();
image.BeginInit();
image.CacheOption = BitmapCacheOption.OnLoad;
image.StreamSource = ms;
image.EndInit();

return image; } } catch (Exception exception) { var logger = LoggerFactory.GetLogger(LogCategory.Exception); logger.Log(LogLevel.Fatal, exception); } return null; } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { throw new NotImplementedException(); } }

Thanks,
devLearning
Hui Liu-MSFT 38,026 Reputation points Microsoft Vendor

2022-05-05T03:05:23.047+00:00

Hi,@devLearning . Did you customize DeleteCommand and LoggerFactory? Or which Nuget packages do they come from? Is resx:delete a string of the image address? Could you add more detailed command code?
devLearning 1 Reputation point

2022-05-09T20:37:30.237+00:00

Hi @Hui Liu-MSFT ,

Thanks for the follow-up.

Yes, I have my own DeleteCommand which does the delete based on the conditions in the requirements. The LoggerFactory is a custom logger. resx:delete is an image in the Resource file.

I attached a screenshot to show you what it looks like. A ComboBox with items and each item has a delete button. The image of a trash can is the delete button which invokes the DeleteCommand.

Hope this help.

Thanks,
devLearning

200350-filters.png

2 answers

Hui Liu-MSFT 38,026 Microsoft Vendor

I can't reproduce your problem. You could try to refer to the example below.
MainWindow.xaml:

<Window.DataContext>  
    <local:ViewModel />  
</Window.DataContext>  
<Window.Resources>  
    <DataTemplate x:Key="ComboBoxItemTemplate"  >  
        <Grid  Width="{Binding ElementName=cb,Path=Width }">  
            <Grid.ColumnDefinitions>  
                <ColumnDefinition Width="8*"/>  
                <ColumnDefinition Width="2*"/>  
            </Grid.ColumnDefinitions>  
            <TextBlock x:Name="EntityName" Text="{Binding Name}" />  
            <Image Visibility="{Binding ISShow}" Grid.Column="1"  Source="delete.png"  HorizontalAlignment="Center" >  

                <Image.InputBindings>  
                    <MouseBinding Gesture="LeftClick"   
                            Command="{Binding DataContext.MyCommand,   
                            RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}"   
                            CommandParameter="{Binding}"/>  
                </Image.InputBindings>  
            </Image>  
        </Grid>  
    </DataTemplate>  
</Window.Resources>  
<Grid>  
    <ComboBox Name="cb" ItemsSource="{Binding Path=Books}" Width="200" Height="40"  
              ItemTemplate="{StaticResource ComboBoxItemTemplate}"  
              SelectedValue="{Binding SelectedItem ,Mode=TwoWay}" >  
    </ComboBox>  
</Grid>

MainWindow.xaml.cs:

202209-2.txt

The result:

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our [documentation][5] to enable e-mail notifications if you want to receive the related email notification for this thread.

[5]: https://learn.microsoft.com/en-us/answers/articles/67444/email-notifications.html

Hui Liu-MSFT 38,026 Reputation points Microsoft Vendor

2022-06-07T02:57:32.957+00:00

Hi,@devLearning . Is there some update to the question? Did my answer solve your problem? If so, you could accept it as the answer. It's helpful for community members with similar questions.

devLearning 1 Reputation point

2022-05-19T16:17:28.253+00:00

Hi @Hui Liu-MSFT ,

Thanks for the solution.

I will take a look and apply your idea into my solution. I am very appreciate your help on this.

Thanks,
devLearning
Please sign in to rate this answer.

0 comments No comments
Sign in to comment