Questions on Kendo UI for jQuery Forum

0 answers

77 views

jquery scheduler horizontal scroll and grouping

Hello,

I need to show the scheduler right to left group by date with scroll in week view.
The problem is with the horzinotal scroll that double click on a cell recognize the cell resource wrong.

the example html is attached as txt file

Scheduler

asked on 05 Jan 2026

1 answer

39 views

insertHTML does not work in Firefox

Hi

I'm using Kendo UI for jQuery.

I have the following code which works fine in Chrome and Edge on Windows

var ke = $('#editor').data("kendoEditor");
ke.value('');
ke.exec("insertHtml", { html: 'hello' });
ke.update();

but in Firefox i get the following issue

jQuery.Deferred exception: can't access property "removeAllRanges", t is null selectRange@http://localhost/libs/KendoUI/kendo.all.min.js:9:2152299

Can you help please?

Thanks

Craig

Editor

answered on 26 Dec 2025

1 answer

84 views

Needs to change the title of Schedule delete dialog.

Dear team, I needs to change the delete dialog box of Schedules. can anyone knows how to do that? I do not wants to add custom popup rather i wants to find a way that helps me to change the title of delete dialog.

I am using React 18.2.

Dialog

Scheduler

updated question on 22 Dec 2025

1 answer

83 views

Editor change event triggered when text not changed

I have an editor configured like this:

                @(Html.Kendo().EditorFor(m => m.MyTextData)
                    .Tag("div")
                    .Name("MyTextData")
                    .Resizable(x =>
                    {
                        x.Content(true);
                        x.Min(120);
                        x.Max(400);
                        x.Toolbar(false);
                    })
                    .StyleSheets(css => css.Add(Url.ContentVersioned("~/Content/EditorStyles.css")))
                    .Encode(false)
                    .Events(e => e.Change("onEditorChangeOfContent"))
                    .Tools(tools => tools
                        .Clear()
                        .Bold()
                        .Italic()
                        .Underline()
                        .JustifyLeft()
                        .JustifyCenter()
                        .JustifyRight()
                        .InsertUnorderedList()
                        .InsertOrderedList()
                        .InsertLowerRomanList()
                        .InsertUpperRomanList()
                        .Indent()
                        .Outdent()
                        .FirstLineIndent()
                        .SubScript()
                        .SuperScript()
                        .TableEditingWithCellBorder()
                    )
                )

When first clicking in the editor text area then clicking out of the text area without changing any of the text, the blur function is called and in the blur function a comparison is made between "value" and "old". In this first call to blur, old is undefined so the match is not made and the change event is triggered as if the text was changed. Note that if the same action of clicking in and out of the text area is done again, old contains the correct value and no change event is triggered, so it works differently the second time. The change event should not be triggered on the first action as the text was not changed.

Here is the blur function in Kendo:

         _blur: function() {
                var textarea = this.textarea;
                var old = textarea ? textarea.val() : this._oldValue;
                var value = this.options.encoded ? this.encodedValue() : this.value();

                this.update();

                if (textarea) {
                    textarea.trigger("blur");
                }

                if (value != old) {
                    this.trigger("change");
                    if (textarea) {
                        textarea.trigger("change");
                    }
                }

Editor

answered on 22 Dec 2025

1 answer

65 views

Translate filterable cell in grid

I have a grid with a filterable cell. A translate pipe is used in its template - this causes that the filter does not work properly, as it recognizes the original values and not the translated ones.

{
field: "xxx",
title: "foo",
width: "120px",
template: "{{ 'yyy' | translate }}",
filterable: {
cell: {
showOperators: false,
operator: 'contains',
suggestionOperator: "contains"
}
}
},

Is there any way to get the filter values translated as well?

This question is similar to https://www.telerik.com/forums/grid---custom-filtering-function-for-a-particular-column, except that this is related to Kendo for jQuery.

Grid

answered on 18 Dec 2025

2 answers

63 views

Performance issue with multiselect dropdown popup closing - 2025.2.520 version.

We are using KendoUI library for jquery. We upgraded from 2021 to 2025.2.520 version.

After upgrading we are facing issue with multiselect dropdown. Control having change events, after selecting any new value or removing existing values- on-closing of list items popup we are triggering "SelectionChanged" event, so it's taking more time to close the popup and disabling all other controls click event. After closing the popup , we are able to click on other controls.
How to overcome this issue?

MultiSelect

answered on 18 Dec 2025

2 answers

45 views

Dropdown list was not loading for Inline Editable Kendo Grid

Hi,

I want load dropdown list in a editable grid, I have used below approach. But List was not loading instead I am getting [object object] in textbox.

Can you please help me to find fault.

I ma using Kendo 2025.3.825 version and it should compile with CSP.

ASP.NET MVC Grid Custom Editing Demo | Telerik UI for ASP.NET MVC

Grid

answered on 02 Dec 2025

1 answer

48 views

kendoAutoComplete: change remote url

I'm using a multiSelect and trying to append a query string ("?str=SOMETHING") to the URL for each call to the server.

I'm writing this:

var viewModel = kendo.observable( {
    attributesForMulti: new kendo.data.DataSource( {
            serverFiltering: true,
            transport: {
                read: {
                    url: "/manager/ajax/attributes",
                    data: {
                        str: function() {
                            var element = $( "#product-important-attributes" );
                            var multi = element.data( "kendoMultiSelect" );
                            // multi.value() is undefined
                            return multi.value();
                        },
                    },
                },
                parameterMap: function( data, type ) {
                    if ( type === "read" ) {
                        return { "str": data.str() };
                    }
                }
            },
            schema: {
                data: function( xhr ) {
                    return xhr.data;
                }
            },
        } );

} )

HTML:

<select id="product-important-attributes" 
data-placeholder="-- Seleziona gli attributi"
data-role="multiselect" 
data-bind="source: attributesForMulti, value: product.importantAttributes" 
data-value-field="id"
data-text-field="name">
</select>

The problem is that I can't get the string "color" in widget, to pass it in query string:

var multi = element.data( "kendoMultiSelect" );
 multi.value();

multi.value() iIt's always undefined.

This code works perfectly with "kendoAutoComplete," but I can't use it because it needs to select more than one value in the select widget.

Any ideas?

Many thanks

MultiSelect

answered on 28 Nov 2025

0 answers

53 views

CSP issue with Kendo Editable Popup from Editor Templets

Hi,

I as using Editor Templates for Custom Editable popup window in Kendo grid and I have to configure CSP header "script-src 'self'". I am able to open the editable popup window but getting below error. I was thinking this is due to using Editor Templates. Can you please help to solve this. If not possible any other approach to fix this.

I am using Telerik Kendo 2025.3.825 version

"Executing inline script violates the following Content Security Policy directive 'script-src 'self' 'unsafe-eval' https://www.googletagmanager.com https://www.google-analytics.com'. Either the 'unsafe-inline' keyword, a hash ('sha256-+x7Aqy5UP8GiQGBhhjEJzGrnw0mBj6s2jbzcAjtk9C0='), or a nonce ('nonce-...') is required to enable inline execution. The action has been blocked."

Grid

updated question on 27 Nov 2025

1 answer

91 views

kendo inputs: Updating global variable on change()

Hello, sorry for the, maybe, dumb question, but I have a problem I can't solve.

I'm trying to update a DataSource transport data related on the change event of another input, here is the code:

                        var dp = new Date();
			var innerValue = 0;				
	function initPagamento(isNew) {

		dp = new Date();
		innerValue = 0;
		
		let ds = new kendo.data.DataSource({
				transport: {
					read: {
					url: "myURL",
					method: "post",
					data: {
					  data_movimento: dp.toLocaleDateString("it-IT"),
					  macro_categoria: innerValue
					},
					dataType: "json"
					}
				}
		});
		
		
		let datapagamento = $("#datapagamento").kendoDatePicker({
            format: "dd/MM/yyyy",
			change: function(x){
				$(".k-svg-i-save").parent("button").removeClass("k-disabled");
				dp = this.value();
				
				macro_categoria.dataSource.read();
				macro_categoria.trigger("change");
				
			}			
        }).data("kendoDatePicker");	
		//setInterval(function(){console.log(dp)}, 1000);
		
		let categoria =	$("#categoria").kendoDropDownList({
                filter: "contains",
				autoBind: true,
                optionLabel: "Seleziona una Categoria...",
 				dataTextField: "nome",
          		dataValueField: "id",
				dataSource: null,
			 change: function(x){
				 $(".k-svg-i-save").parent("button").removeClass("k-disabled");
			 }
		 }).data("kendoDropDownList");

		let macro_categoria = $("#macro_categoria").kendoDropDownList({
							filter: "contains",
							autoBind: true,
							optionLabel: "Seleziona una Macro Categoria...",
							dataTextField: "nome",
							dataValueField: "id",
			dataSource: {
				transport: {
					read: {
					url: "anotherUrl",
					method: "post",
					data: {
					  entrata: "0",
					  data: dp,
					},
					dataType: "json"
					}
				}
			},
			change: function(x) {

				$(".k-svg-i-save").parent("button").removeClass("k-disabled");

				innerValue = this.value();
				if(!isNullOrEmpty(innerValue) && (innerValue > 0 && innerValue != "0")) {
					categoria.dataSource = ds
					ds.read();
				} else {
					categoria.dataSource = null
				}
			}
			}).data("kendoDropDownList");
}

the two variables I want to change are dp and innerValue, so that when I change the datepicker value, dp (the date variable) is updated to the selected date, then the datasource (ds) has to call the transport > read uri sending via post the new dp value. Same thing with innerValue (this is the value from a kendoDropDownList, but I think the problem is the same...

it seems that the problem is here:

[...]
change: function(x){
				$(".k-svg-i-save").parent("button").removeClass("k-disabled");
				dp = this.value();
				
				macro_categoria.dataSource.read();
				macro_categoria.trigger("change");
				
			}
[...]

where dp value is updated locally (maybe redeclared locally inside the change() event), but not in the entire scope, as I want.

Please help me! If you need further infos let me know.

Thank you.

P.S.: I think that if I destroy and redeclare the DataSource instead of changing dp and innerValue values, it shall work, but I am slightly sure that there must be a simpler way...

Data Source

DatePicker

DropDownList

answered on 24 Nov 2025