Telerik Forums
Kendo UI for jQuery Forum
12 answers
5.3K+ views
Hi,
I'm new to KendoUI, and I created a grid in a view to list all instances of my model (StopLocation) and it works fine, except when adding the .Selectable() line to enable multiple selection, I get an error: "There is no DataSource Model Id property specified.". Anybody knows how to define id for this grid? Or is there something wrong with .Selectable() syntax below?

@( Html.Kendo().Grid((IEnumerable<Route.StopLocation>)ViewData["Stops"])
                        .Name("selectedStops")
                        .Columns(columns =>
                        {
                            columns.Bound(p => p.StopNo).Title("Stop No.");
                            columns.Bound(p => p.Id).Title("ID");
                            columns.Bound(p => p.StopLocation).Title("Stop Location");
                        })
   // .Selectable causes NotSupportedException: There is no DataSource Model Id property specified.
                        .Selectable(s => s.Mode(GridSelectionMode.Multiple))
                        )

Thanks in advance.
Paul
Top achievements
Rank 1
Iron
 answered on 20 Mar 2025
1 answer
47 views
Hi ,
I would like to know where I can find minified files for kendo-ocean-blue theme, I am using version 2022.3.913 and I was obtain the minified file using cdn 
kendodefaultblueocean2022.3.913
, how can I obtain the same for version 2023.3.1010.
Nikolay
Telerik team
 answered on 20 Mar 2025
1 answer
27 views

I am trying to add a dropdown to a popup window title bar. I modified the basic usage demo to do this and here is a dojo. When you click the button to open the window, a dropdown is added to the title bar. However, the dropdown is unresponsive -- when I click on it, the dropdown list does not appear and I cannot change the selection either by mouse or keyboard.

How do I make the dropdown responsive to clicks or the keyboard, like one would expect a dropdown to respond?

Neli
Telerik team
 answered on 19 Mar 2025
1 answer
35 views
The question is quite straightforward. I need to add tabs to a DockManager's Tab pane via a button. How is that possible?
Martin
Telerik team
 answered on 19 Mar 2025
1 answer
51 views

Hello,

I'm looking into making a kendoTooltip object keyboard accessible in Kendo for Angular:

                <div kendoTooltip showOn="[...]" position="bottom" tabindex="0">


I see in the documentation for jQuery here that the tooltip has a showOn property which can take values of type "mouseenter", "click", or "focus". I'd like to have the equivalent of "mouseenter focus" as the value. However, the supported values seem different in Angular: my options instead seem to be "click", "hover", or "none". Is there a way to give this object a 'focus'-type value in Angular?

Martin Bechev
Telerik team
 answered on 18 Mar 2025
0 answers
30 views

Hello,

please see this example: https://dojo.telerik.com/vTWFOkNt

I have stacked columns chart. BUt in some situations I found, that chart is not displayed ok based on values. It happens when only 1 serie is rendered and values are not ordered.

Why this happens? Is it bug? Or how to setup chart properly to show user all values with correct stacking ratio?

Regards

René

René
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 17 Mar 2025
1 answer
41 views

We have a Grid set to popup edit mode, and Kendo internally calls editRow() when we click on an "Edit" command button we define in one of the columns..  As part of our row editing process, we would like to refresh the row's data in the datasource from the remote server, so that the user is editing fresh, current data for the row.  It appears that even the beforeEdit event is too late for this, as the popup editor has already used the existing values in the data record, and getting the datasource to reload the data item the row uses won't affect the values displayed in the editor (although the datasource is indeed updated).  So what we did in our beforeEdit() handler was something like this:

  1. call e.preventDefault(), which is intended to eventually cancel out the editRow() call that Kendo made from our button click.
  2. get as "row" the "tr" element from e.sender.tbody that has the
  3. run some code that updates the one item in the datasource (e.model) - the AJAX call is done in a deferred promise.
  4. in the then() handler of that, call e.sender.editRow(row), which should make a new editing call, replacing the one we aborted with preventDefault().

This may be a terrible hack, but it seemed to work with Kendo 2021.2.526.  When we replaced that with Kendo 2025.1.227, it fails.  We get a Javascript error like this:

Uncaught TypeError: Cannot read properties of undefined (reading 'parent')
    at init.editRow (kendo.2025.1.227.all.min.js:9:1918996)
    at init._editCommandClick (kendo.2025.1.227.all.min.js:9:1911991)
    at HTMLDivElement.dispatch (jquery.min.js:3:12444)
    at r.handle (jquery.min.js:3:9173)

and the editRow line is something like this:

                a = r.editView ? r.editView.element : "popup" === s ? r._editContainer.parent() : r._editContainer,

where "r" is effectively "this", the grid widget.  It looks like when Kendo does its own editRow() call, it may be stashing the popup window as "_editContainer", and does a .parent() dereference to get the grid container that it would get directly in the non-popup case.  But when we make our own editGrid() call, either the context is slightly different and the Kendo code doesn't stash the popup window, or there's some extra state being kept in the newer Kendo code that isn't cleared by our preventDefault() call, and is still there when we make our own editRow() call before our beforeEdit handler returns control to Kendo, or something like that.

We could try either using our own button (which we would probably have to style to match the classes Kendo give the edit button it produces itself), which could call editRow(), or maybe attach a click handler to Kendo's button to do our data refresh before things continue on to Kendo's click handling, so that we get in there before Kendo calls editRow().  But I was wondering if there was some clean way of hooking into the row edit process to refresh our data before the popup window looks at it?

Nikolay
Telerik team
 answered on 17 Mar 2025
0 answers
33 views

Hi,

In our project, we are using Kendo Grid for data display and filtering. When performing a text search, I can set columns.filterable.ignoreCase to true for the search to be case-insensitive. Is there a way to make the search also diacritics-insensitive with a custom function? Thanks in advance :)

Iryna
Top achievements
Rank 1
 updated question on 17 Mar 2025
1 answer
33 views
Can anyone suggest a way to overlay a short string over the middle of the QR Code image generated by the QR Code component?
Neli
Telerik team
 answered on 17 Mar 2025
1 answer
44 views
How do I get the e.sender.options.noRecords setting from a KendoTreeList databound event? It doesn't seem to be with the options like in a kendoGrid, yet it does seem to respond to adding or removing that option. 
Martin
Telerik team
 answered on 14 Mar 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?