Kendo Grid Filter Enum.

[Ermish]

I have a Kendo Grid where I filter based on an Enum. 
Let's say the Enum was:

public enum MyEnum
    {
        [Description("Null")] Null = -1,

        [Description("Yes")] Yes = 1,

        [Description("No")] No = 0,
    }

Kendo Grid:

.Filterable(filter => filter.Enabled(true)

                         .Operators(o => o.ForEnums(e => e.Clear()

                            .IsEqualTo("Equals")

                        .IsNotEqualTo("Not equal to")))

   )


and

.Filter(filter => filter.Add(p => p.myColumn).IsEqualTo(MyEnum.Yes))

I would like for the Filter to show only Yes or No options. Is there a way to do this?

[Alexander Popov]

Hello Philip,

Yes, it is possible to modify the filter menu. I would recommend you to check our Filter menu customization demo for additional information.

Regards,
Alexander Popov
Telerik

[Jayesh Goyani]

Hello,

<script type="text/javascript">

    function filterMenuInit(e) {
        var firstValueDropDown = e.container.find("select:eq(1)").data("kendoDropDownList");
        var itemToRemove = firstValueDropDown.dataSource.at(2);
        firstValueDropDown.dataSource.remove(itemToRemove);
        firstValueDropDown.select(0);

        var firstValueDropDown2 = e.container.find("select:eq(4)").data("kendoDropDownList");
        var itemToRemove2 = firstValueDropDown2.dataSource.at(2);
        firstValueDropDown2.dataSource.remove(itemToRemove2);
        firstValueDropDown2.select(0);
    }

</script>
@(Html.Kendo().Grid<MvcApplication1.Models.TestModels>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.ID);
        columns.Bound(p => p.Name);
        columns.Bound(p => p.EnumID);

    })
    .Pageable(x => x.PageSizes(new int[] { 10, 20, 30, 50 }).Refresh(true))
    .Sortable()
    .Filterable(filter => filter.Enabled(true)
                         .Operators(o => o.ForEnums(e => e.Clear()
                            .IsEqualTo("Equals")
                        .IsNotEqualTo("Not equal to")))
   )

    .DataSource(dataSource => dataSource
        .Ajax()
            .Read(read => read.Action("Grid_Read", "Home"))

    )
    .Events(e => e.FilterMenuInit("filterMenuInit"))
)

public ActionResult Grid_Read([DataSourceRequest] DataSourceRequest request)
        {
            List<TestModels> models = new List<TestModels>();

            for (int i = 0; i < 50; i++)
            {
                TestModels t1 = new TestModels();
                t1.ID = i;
                t1.Name = "Name" + i;
                if (i % 2 == 0)
                {
                    t1.EnumID = MyEnum.Yes;
                }
                else
                {
                    t1.EnumID = MyEnum.No;
                }
                models.Add(t1);

            }

            return Json(models.ToDataSourceResult(request));
        }

public enum MyEnum
{
    Null = -1,
    Yes = 1,
    No = 0,
}

public class TestModels
{
    [Display(Name = "ID")]
    public int ID { get; set; }

    [Display(Name = "Name")]
    public string Name { get; set; }

    public MyEnum EnumID { get; set; }

}

Thanks,
Jayesh Goyani

[Alexander Popov]

Hello again Jayesh,

I am not sure if I understand the attached screenshot correctly - it looks like you have achieved the desired behavior.
Please, let me know if I can assist you further.

Regards,
Alexander Popov
Telerik