How to toggle select/deselect background colour and state on mouse click.

[Clint]

I am currently changing the background row on my RadListView, when click selected via the visual item formatting event like this:

        private static void RadListView_VisualItemFormatting(object sender, ListViewVisualItemEventArgs e)
        {

            if (e.VisualItem.Selected)
            {
                e.VisualItem.BackColor = Color.Red;
            }
            else
            {
                e.VisualItem.ResetValue(VisualElement.BackColorProperty, ValueResetFlags.None);
            }
        }

This works great when I click on a row to select it. It does change to a red background.

If you click on another row that is not selected, the state does appear to change with the old row reverting back and the new row changing to a red background.

However if you click the same row, the one you just selected, nothing appears to happen.

How can you code up a toggle of a given row's selection state, if you click it once to select and click it again to deselect?

[Dess | Tech Support Engineer, Principal]

Hi, Clint,

Your question has already been answered in the support ticket (ID 1535578) you have opened on the same topic. However, I am posting the answer here as well in order the community to benefit from it.

When you click an item in RadListView for the first time, it gets selected. Then, when you again on this item, the editor is being activated. The item still remains selected. If you want the click over an already selected item to deselect it, it is necessary to handle the ItemMouseDown and ItemMouseUp events and check whether the clicked item was already selected before processing mouse down/up.

I have prepared a sample code snippet for your reference which result is illustrated in the gif file:

        public RadForm1()
        {
            InitializeComponent();
            this.radListView1.AllowEdit = false;
            this.radListView1.VisualItemFormatting += radListView1_VisualItemFormatting;
            for (int i = 0; i < 20; i++)
            {
                this.radListView1.Items.Add("Item" + i);
            }

            this.radListView1.ItemMouseDown += radListView1_ItemMouseDown;
            this.radListView1.ItemMouseUp += radListView1_ItemMouseUp;
        }

        bool IsSelected = false;

        private void radListView1_ItemMouseDown(object sender, ListViewItemMouseEventArgs e)
        {
            IsSelected = e.Item.Selected;
        }

        private void radListView1_ItemMouseUp(object sender, ListViewItemMouseEventArgs e)
        {
            if (e.Item.Selected == IsSelected)
            {
                this.radListView1.SelectedItem = null;
            }
        }

        private void radListView1_VisualItemFormatting(object sender, ListViewVisualItemEventArgs e)
        {
            if (e.VisualItem.Selected)
            {
                e.VisualItem.BackColor = Color.Red;
            }
            else
            {
                e.VisualItem.ResetValue(VisualElement.BackColorProperty, ValueResetFlags.Local);
            }
        }

We kindly ask you to use just one thread for a specific problem to contact us. Posting the same questions numerous times slows down our response time because we will need to review and address two or more tickets instead of one. Moreover, threads are handled according to license and time of posting, so if it is an urgent problem, we suggest you use a support ticket, which would be handled before a forum thread.

Thank you for your understanding.

Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik

[Clint]

Nice. I see what you did there. Using the mouse down event to interrogate each item object, seeing if it's selected and saving the state of that item to a common variable, so you can use it to compare with other item click events to see what was the last saved state.

Well done, very streamlined solution. Apologies for the double post, it's been a frantic time trying to beat a crazy deadline with this winform project, when I'm actually a React/Angular web developer.