See the live Telerik Demo: http://demos.telerik.com/kendo-ui/spreadsheet/sorting-filtering

Steps to reproduce:

1. Click the filter dropdown on the "Client" column header.

2. Expand the "Filter by value."

3. In the search box, type "terr", then check "Terry Lawson".

4. Click the "Apply" button.

5. The grid refreshes with the filter applied.

6. Click the filter dropdown on the "Client" column header (again).

7. Click into the filter by value search box, and type "agne".

Notice that the checkbox-list is empty, when it should show the item "Agnes Hill".

Problem:

There is no way to choose any other items and "add to the current selection" because the search will only match by what's already been filtered. This is broken behavior and doesn't match what Google Sheets or Excel does (see attached videos). It doesn't make sense to only be able to add to the current filter what has already been filtered.

Expected behavior:

After step 7, you should see the filtered options based on the source data, and be able to check/uncheck from it.

Notes: see comparison videos for more info.

Hi,

I am using Keno UI Professional 2017.1.223 Release scripts in my project which is already having some references which i cannot remove/modify. I am getting an error 

Object doesn't support property or method 'delayedClick'  in kendo.all.min.js

Please giude me to resolve this issue.

Thanks in advance.

Hello 

I'm pretty new to KendoUI Upload. I made some examples that are working fine. I have an issue on used language around file upload: The Button text is set to "Select file..." and any process is set to English ("done", etc.). I have set the culture to a different language than English:

Shouldn't the text around the file uploaded not switch to it? I would expect German text based on this settings. 

And further more a question: Is it possible to use ONE file uploader for all allowed file types but with different file size definitions? Something like this:

and then to differ those for maxFileSize within the ONE file uploader:
.gif, .jpg, .png: max 1MB
.mp3 : max 5MB
.mp4: max 20MB

Regards

I have a grid in an MVC environment. I have my filterable properties set up as follows:

          .Filterable(filterable => filterable
                .Extra(false)
                .Operators(operators => operators
                    .ForString(str => str.Clear()
                        .StartsWith("Starts with")
                        .IsEqualTo("Equal to")
                        .IsNotEqualTo("Not equal to")
                        .Contains("Contains")
                    )
                    .ForNumber(number => number.Clear()
                        .IsEqualTo("Equal to")
                        .IsNotEqualTo("Not equal to")
                        .IsGreaterThanOrEqualTo("Greater than or equal to")
                        .IsLessThanOrEqualTo("Less than or equal to")
                        .IsGreaterThan("Greater than")
                        .IsLessThan("Less than")
                    )
                    .ForDate(date => date.Clear()
                        .IsEqualTo("Equal to")
                        .IsNotEqualTo("Not equal to")
                        .IsGreaterThanOrEqualTo("Greater than or equal to")
                        .IsLessThanOrEqualTo("Less than or equal to")
                        .IsGreaterThan("Greater than")
                        .IsLessThan("Less than")
                    )
                )
            )

I have two questions:

1) I have a column in my grid that I do not want filterable. How do I exclude just that one column?

2) I am using these same filterable operators on all my grids in my app. Is there some way I can avoid repeating all this code for each grid and just provide some sort of reference to these defined operator values?

I have a grid that works perfectly using the MVC wrapper. However, I'm trying to implement the same grid using JavaScript and am running into an odd issue. Here is my JavaScript code, and my MVC controller method it's calling:

function setupGrid() {
    var dataSource = new kendo.data.DataSource({
        dataType: "json",
        type: "GET",
        pageSize: 25,
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true,
        transport: {
            read: '/Closeout/ReadCloseoutHistory/'
        },
        schema: {
            data: "Data",
            model: {
                fields: {
                    CloseoutDate: { type: "datetime" },
                    BeginDate: { type: "datetime" },
                    EndDate: { type: "datetime" }
                }
            }
        },
    });

    $("#gridDiv").kendoGrid({
        name: "grid",
        dataSource: dataSource,
        sortable: true,
        error: function(e) {
            gridErrorHandler();
        },
        toolbar: ["excel", "pdf"],
        scrollable: {
            virtual: true
        },
        mobile: true,
        resizeable: true,
        reorderable: true,
        columnMenu: true,
        filterable: {
            extra: false,
            operators: {
                string: {
                    startswith: "Starts with",
                    contains: "Contains",
                    eq: "Equal to",
                    neq: "Not equal to",
                    gte: "Greater than or equal to",
                    lte: "Less than or equal to"
                }
            }
        },
        pdf: {
            allPages: true,
            paperSize: "A4",
            landscape: true,
            avoidLinks: true,
            scale: 0.6,
            repeatHeaders: true,
            templateId: "page-template",
            fileName: "CloseoutHistory.pdf",
            margin: {top: "2cm", right: "1cm", bottom: "1cm", left: "1cm"},
        },
        excel: {
            fileName: "CloseoutHistory.xlsx",
            proxyURL: "Customer/ExcelExport",
            filterable: true
        },
        columns: [{
            field: "CloseoutDate",
            title: "Closeout Date",
            width: 100
        }, {
            field: "BeginDate",
            title: "Begin Date",
            width: 100
        }, {
            field: "EndDate",
            title: "End Date",
            width: 150
        }]
    });
};

Controller code:

       public ActionResult ReadCloseoutHistory([DataSourceRequest] Kendo.Mvc.UI.DataSourceRequest request)
        {
            try
            {
                var resultSet = this.CloseoutData.GetList(this.GetClientId()).ToDataSourceResult(request);
                return Json(resultSet, JsonRequestBehavior.AllowGet);
            }
            catch (Exception exception)
            {
                ...
            }
        }

The MVC version of the grid works as expected. The JavaScript version generates a server error of 500. The controller method is getting called and seems to return ok. However, something is causing a 500 (internal server) error. I also get a "Maximum call stack size exceeded" error from kendo.mobile.min.js.

Can you see anything wrong with my JavaScript implementation?

Hi,

Unfortunately I'm not able to run angular code with inside a custom scheduler template.

Here's what I'm trying to do:

I'm binding the scheduler component with my controller to a HTML element.

Hi,

How can a template overflow in a toolbar?

In http://demos.telerik.com/kendo-ui/toolbar/index  I change

to

but the dropdownlist doesn't overflow.

Peter

I have a grid that appears as follows in the attachment. You can see that the column menu icons are not consistent. When a column header comprises more than one line, the icon appears on the first line. In other words, not all the icons appear at the same level or line. This looks pretty bad and unprofessional. Is there something I can do to fix this (other than you telling me not to allow column headers to wrap)?

The following Dojo example shows what I'm trying to

http://dojo.telerik.com/@pnd@qad.com/oYIXU/5

I'm trying to create a modal window with a select widget and trying to populate the option dynamically.   I'm getting that the downtimeWin.content is undefined.  I'm really struggling to get the data onto the screen - any help would be greatly appreciated.

So in the Dojo, if you click the downtime button, I would expect that the window would popup and would have the values that were defined in the window ready function.

I would like to add some functions to Spreadsheet that fetch data from the server, e.g.
=numberOfUsers()

this should call: GET /api/numberOfUsers

and display the returned date.

Is this possible and if yes, how?

Thank you & Regards,

Bert