Grid filter "and" & "or" dropdown order

[Jordi]

Inside the filter of the grid I need to change the order of the items "And" & "Or" inside the list to show "Or" by default.

I tried declaring the grid with jquery but I can only change the text of the item: 

$("#testgrid").kendoGrid({

            columns: [
                {field: "name"},
                {field: "age"}],
            dataSource:[
            {name: "John", age:"30"},{name: "Mike", age:"32"}],
            filterable:{
                messages:{
                    or: "filterOr",

                    and: "And"

                }
            }
        })

Is it possible to change the order of the items?

 

Thanks

[Preslav]

Hello Jordi,

To achieve the desired result, I would suggest handling the filterMenuInit event, selecting the logic dropdown and changing its value.

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-filterMenuInit

For example, the code might look like this:

filterMenuInit: function(e) {
    var logicDropDown = e.container.find("select:eq(1)").data("kendoDropDownList");
    logicDropDown.value("or");
    logicDropDown.trigger("change");
}

Additionally, a runnable Dojo is available here: http://dojo.telerik.com/OqAJuq

I hope this helps.


Regards,
Preslav
Telerik by Progress

[Jordi]

Perfect, thank you!

Is there any way to do that in mvc?

Regards,

[Alex Hajigeorgieva]

Hello Jordi,

The approach will be the same for the Kendo UI Grid for ASP.NET MVC. The only difference is the wrappers events syntax: 

http://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/GridEventBuilder#methods-FilterMenuInit(System.Func<System.Object,System.Object>)

@(Html.Kendo().Grid<ProductViewModel>()
  .Name("grid")
  .Events(events => events
    .FilterMenuInit("onfilterMenuInit")
    )
)

<script>
function onfilterMenuInit(e){
 var logicDropDown = e.container.find("select:eq(1)").data("kendoDropDownList");
 logicDropDown.value("or");
 logicDropDown.trigger("change");
}
</script>

Regards,
Alex Hajigeorgieva
Telerik by Progress

[Jordi]

Thank you a lot Alex, that solves my problem.