How do I force a refresh of the filter menu item in a grid column when the grid is filtered after filterMenuItem has been fired?

The grid data source is having an initial filter, that might make the grid empty at initialization.

Scenario 1: 

If I click on one of the grid column filter buttons (let us call it ReviewStatus) with a multi check box filter (filterMenuItem is fired), then there is of course no options available when the grid is empty. If I then clear all filters on the data source by calling grid.dataSource.filter({}) and the grid is now having rows, then there is still no options available in the ReviewStatus filter.

Scenario 2: 

The first thing I do is to clear all filters such that there is rows available in the grid. If I use a multi check filter on one of the other columns to filter the grid then the options in ReviewStatus will be updated accordingly.

How do I force the filter menu item to sync the data source with the grid data source after the filter menu item is initialized?

My grid has a the following grid options:

     filter:{ field: "Country": operator: "eq", value: "UK" }

},

columns: [
    { field: "ReviewStatus", filterable: { multi: true } },
    { field: "​Country", filterable: { multi: true } },
    { field: "Severity", filterable: { multi: true } },
    { field: "SensorName", filterable: { multi: true } }

],

filterable: true,

Hi,

In this dojo example, https://dojo.telerik.com/atakEcUH, I am not able to prevent the default behaviour of remove event like how it works in edit event.

Can you please help?

Thanks,

Vaishali

We are currently utilizing Kendo version 2017.1.118, and I am experiencing some odd behavior in IE11 with tabs and data transferring between the grids.

When you are on tab 1 with a grid, and you dbl click an item it triggers my add function which adds that row to another grid on tab 2. The entire page then loses focus. I can no longer scroll the page, the grid, or even click my other tab unless I click somewhere in the window.

I initially solved this problem by utilizing the hack $("#tab1").trigger("click"); which would force a click. This enabled me to now be able to select tab 2, but for some reason it didn't fully enable focus back to the page, so I was still unable to scroll unless I clicked an element outside of the grid again. Unfortunately firing $("#tab1").trigger("click"); again did not solve the issue.

The main problem is that the page itself becomes unfocused when data is moved from one tab to another tab in IE11. I am not having this issue in any other browser and it only happens in IE11 when data is added to non-selected tab contents.

I'm trying to set NumericTextBox properties dynamically and directly in the <input /> tag. However, I can get decimals, restrictDecimals and format to have effect.

Here is my template:

    <script type="text/x-kendo-template" id="tmpl">
            #
            var step = allowDecimals ? decimalStep : 1;
            var decimals = allowDecimals ? 2 : 0;
            var format = allowDecimals ? "" : "\#";
            #
            <span>#:fix#</span>
            <input class="unit-count" type="number" value="#:count#" step="#:step#" min="0" data-decimals="#:decimals#" format="#:format#" />
    </script>

Only value, step and min have effect on the configuration of the NumericTextBox.

I have tried with data-decimals="#:decimals#" and decimals="#:decimals#" with the same effect.

What properties can I set (and how) directly in the <input /> tag?

/Morten

Hello All

I'm running into an issue with the grid filter. The placement of the filter menu is not looking good. Need some inputs please.

Thanks.

Vijhay D.

As title says, I'm searching for the "afterInsertRow" event function in grid, with parameters "rowElement" - to which I can apply some css style or add a class, and "rowData" - from which I can get data source?

Basically, I need this function after the row is added to the table, to make some condition and apply style to it.

That style should remain no matter what other events I perform on the table, like sorting, filtering or whatever action is performed on table.

Hello all,
I used Kendo UI MultiSelect and Grid  controls in my MVC project. There is one column called "Actions" with string value ( like "Read" or "Read, Create" or ...) on  the Grid. When  user click "Edit" command, Kendo MultiSelect control ( It located inside sub folder "EditorTemplates") will appear one that column to let user re-select the actions.  The code worked file except failed to populate current values  of the "Actions", I tred couples of way but no lucky so far. Can I get someone's Help?

Thanks in advance!

Below are pieces of code:

One of Grid columns:
columns.Bound(p => p.Actions).Width(200).Title("Actions").EditorTemplateName("Actions");

Multiple selection Control in "Actions.cshtml" view which inside "EditorTemplates" folder

@(
    Html.Kendo().MultiSelectFor(m => m)
        .Name("Actions")
        .DataTextField("Text")
        .DataValueField("Value")
        .AutoClose(false)
        .ClearButton(false)
        .BindTo(new List<SelectListItem>() {
                              new SelectListItem() {Text = "Create", Value = "1" },
                              new SelectListItem() {Text = "Read", Value = "2" },
                              new SelectListItem() {Text = "Update", Value = "3" },
                              new SelectListItem() {Text = "Delete", Value = "4" } })
)