This is a migrated thread and some comments may be shown as answers.
Kendo Grid Filtering Issues
1 Answer 23 Views
This is a migrated thread and some comments may be shown as answers.
Brenda
Top achievements
Rank 1
Brenda asked on 19 Sep 2017, 12:58 PM
I do apologize in advance for the bad post

I am implementing a kendo grid for filtering information, My first filter is giving me so much issues and i now have to ask forum because nothing works that i try.

Issues:

1. When selecting filter on the column below, I can not focus on the numericTextBox to input values I am forced to use spinners only.

2. When using spinners its history is always off by 1, Example: I click it twice (Up) and the value = 2. When I filter the row returns No: 1 and when inspecting the filter it is now 1 and not 2.

Code Grid:

 @(Html.Kendo().Grid<DeBeers.Seals.Web.Models.SearchSealsModel>()
                            .HtmlAttributes(new { @style = "-ms-overflow-x: scroll !important" })
                            .Name("grid")
                            .DataSource(dataSource => dataSource
                              .Ajax()
                             .Read(read => read.Action("Read", "SearchSeals"))
                            )
                            .Columns(columns =>
                            {
                                columns.Bound(b => b.SealNum).Filterable(filterable => filterable.UI("sealNumFilter"));

    })
                            .Pageable()
                            .Sortable()
                            .Filterable(ftb => ftb.Mode(GridFilterMode.Menu))



Code Script:

function sealNumFilter(element) {
                debugger;
                element.kendoNumericTextBox({
                    decimals: 0,
                    format: "n0",
                    //spinners: false,
                })
                //    .focus(function () {
                //    var input = $(this);
                //    setTimeout(function () {
                //        input.select();
                //    });
                //});
            }

1 Answer, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 21 Sep 2017, 10:58 AM
Hi Brenda,

It would be hard to pinpoint the exact cause of the behavior. However, if there are JavaScript errors they can affect how the components behave. 

Would you open the browser console by pressing F12 and see if there are any errors listed? In case there are - that can point us in the right direction.

Furthermore, make sure that you are using the latest Kendo UI version. The current release is 2017.3.913. Make sure that all Kendo script and style files are from that version. 

In case the behavior persists please send us a runnable sample so we can examine it locally. You can attach an archive with the project in the submitted support ticket.

Regards,
Viktor Tachev
Progress Telerik
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.
Tags
Grid
Asked by
Brenda
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Share this question
or