Grid Yes/No Column

2 posts, 0 answers
  1. Decisive Computing
    Decisive Computing avatar
    15 posts
    Member since:
    Mar 2015

    Posted 21 May Link to this post


    Telerik Product and Version AJAX 2017 R2

    Supported Browsers and Platforms

    Same as Telerik AJAX

    Components/Widgets used (JS frameworks, etc.)


    I find that my users do not like checkbox columns very much. I find that they much prefer a Yes/No to be displayed instead as well as being able to select Yes or No when editing. That is why I wrote the GridYesNoDropDownColumn. It's actually quite simple as shown below. I hope you find this as useful as I have!

    public class GridYesNoDropDownColumn : GridDropDownColumn
            #region CTOR
            public GridYesNoDropDownColumn()
                this.ColumnValidationSettings.RequiredFieldValidator.InitialValue = "*";
                this.ListTextField = "Value";
                this.ListValueField = "Key";
                this.DropDownControlType = GridDropDownColumnControlType.DropDownList;
            #endregion // CTOR
            #region IMPLEMENTATION
            /// <summary>
            /// Sets the drop down list's data source
            /// </summary>
            /// <param name="inItem"></param>
            protected override void SetDropDownListDataSource(GridItem inItem)
                GridDropDownColumnEditor editor = (GridDropDownColumnEditor)this.CurrentColumnEditor;
                Dictionary<bool?, string> data = new Dictionary<bool?, string>();
                if (this.EnableEmptyListItem)
                    data.Add(null, "");
                data.Add(true, "Yes");
                data.Add(false, "No");
                editor.DataSource = data;
            #endregion // IMPLEMENTATION
  2. Eyup
    Eyup avatar
    3322 posts

    Posted 24 May Link to this post


    Thank you for sharing your specific approach with our community. I've updated your Telerik points as a token of gratitude.

    I just want to insert a general caveat here that using custom controls is beyond our support scope, even when they are inherited directly from Telerik controls:

    Another approach to achieve this requirement is to use a GridTemplateColumn:

    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top