Custom editor

Thanks and we're getting close but not there yet.

Here's what I have now:

        private void gvMatrix_EditorRequired(object sender, EditorRequiredEventArgs e)
        {
            if (gvMatrix.CurrentColumn.Name == "ComparisonValue" && gvMatrix.CurrentRow.Cells["Comparison"].Value.ToString() == "One of")
                e.EditorType = typeof(CustomCheckedListBox);
        }

and here is the modified class:

using Telerik.WinControls;
using Telerik.WinControls.UI;
using VisionDataAndServices.CommonModels;

namespace VisionUI.Setup
{
    public class CustomCheckedListBox : BaseGridEditor
    {
        protected override RadElement CreateEditorElement()
        {
            return new CustomCheckedListBoxElement();
        }

        public override object Value
        {
            get
            {
                CustomCheckedListBoxElement element = this.EditorElement as CustomCheckedListBoxElement;
                return string.Join("\r\n", element.CheckedItems);
            }
            set
            {
                CustomCheckedListBoxElement element = this.EditorElement as CustomCheckedListBoxElement;

                LoadStateData(element);

                element.CheckedDropDownElement.SelectedValue = value;
            }
        }

        public override void BeginEdit()
        {
            base.BeginEdit();

            CustomCheckedListBoxElement element = this.EditorElement as CustomCheckedListBoxElement;

            LoadStateData(element);
        }

        private void LoadStateData(CustomCheckedListBoxElement element)
        {
            var statesData = new List<Dictionary>();

            statesData.Add(new Dictionary { DictionaryKeyString = "AK", Description = "Alaska" });
            statesData.Add(new Dictionary { DictionaryKeyString = "NJ", Description = "New Jersey" });
            statesData.Add(new Dictionary { DictionaryKeyString = "AL", Description = "Alabama" });
            statesData.Add(new Dictionary { DictionaryKeyString = "GA", Description = "Georgia" });

            element.DataSource = statesData;
            element.DropDownStyle = RadDropDownStyle.DropDownList;
            element.ValueMember = "DictionaryKeyString";
            element.DisplayMember = "Description";
        }

        public override bool EndEdit()
        {
            return base.EndEdit();
        }

        //public string? ValueMember { get; set; }
        //public string? DisplayMember { get; set; }
        //public object? DataSource { get; set; }
    }

    public class CustomCheckedListBoxElement : RadCheckedDropDownListElement
    {
        RadCheckedDropDownListElement dropDownListElement = new RadCheckedDropDownListElement();

        public CustomCheckedListBoxElement()
        {
        }

        public RadCheckedDropDownListElement CheckedDropDownElement
        {
            get =>  this.dropDownListElement;           
        }

        protected override void CreateChildElements()
        {
            base.CreateChildElements();
        }
    }

}

When I edit I get this, which is correct:

When I finished editing I get this, which is also correct:

If I try to edit again, I should get the same dropdown options as shown in the first image but with Alaska and New Jersey checked. However, nthing shows in the drop-down. The setter correctly contains a value of Alaska,New Jersey but BEginEdit does not file and the DataSource is not reloaded.

What am I doing wrong?

Thanks

Carl

When multiple items in the RadCheckedDropDownListElement control are selected, they will separate by its default operator which is ";". You need to take this into account when you want to preserve the selected items by the end user. Upon trying a few approaches, I think I found a better and more clear one. Instead of applying a custom editor type, you can directly apply the Editor itself. It is a more simple way of achieving the same scenario.

rivate void RadGridView1_EditorRequired(object sender, Telerik.WinControls.UI.EditorRequiredEventArgs e)
{
    if (radGridView1.CurrentColumn.Name == "Name") // your custom check here
    {
        RadCheckedDropDownListElement editor = new GridViewCheckedDropDownListEditor();                
        editor.DataSource = this.dictionaries;
        editor.DisplayMember = "Description";
        e.Editor = editor;
    }                
}  

public class GridViewCheckedDropDownListEditor : RadCheckedDropDownListElement
{
    public override object Value
    {
        get
        {
            return this.Text;
        }
        set
        {
            this.Text = value.ToString();
        }
    }
}

Here is how it looks when the user selects multiple values.

You will need to keep the same method and pass it to the Value property of the RadCheckedDropDownListElement to select again the same items. I am also attaching my test project. I hope that this approach will work.

Dinko

Thanks but I don't see the test project attached

Carl

Dinko

Thanks, this works great.

One final question from our UI designer: Can the cell always show the dropdown arrow so the user knows that there is a dropdown there?

Thanks

Carl