Telerik UI - Kendo UI conflict?

[Miroslav]

Hello, I am having problems running RadClientDataSource (data is loaded into RadMultiColumnComboBox) and KendoGrid on the same page. I get strange Ajax and Kendo errors in console about stuff being undefined. Are there any known incompatibilities between some Telerik UI controls and Kendo UI widgets? Are there controls that prefer external jQuery over internal one bundled in Telerik UI?

[Peter Milchev]

Hello Miroslav,

The RadClientDataSource is a wrapper of the Kendo UI DataSource and the RadMultiColumnComboBox control is a wrapper of the Kendo UI MultiColumnComboBox widget. With that said, loading the Kendo UI scripts on the page where you have these controls could lead to issues, similar to your other thread here: https://www.telerik.com/forums/uncaught-typeerror-cannot-read-property-'wrapper'-of-undefined.

You can see if setting the EnableEmbeddedScripts to false and loading the needed scripts manually would again be the solution to the issue.

Update 1: If you add only the controls you need (e.g. ClientDataSource and MultiColumnComboBox) on the page and set the Telerik CDN to enabled (e.g. CdnSettings-TelerikCdn="Enabled"), you would be able to observe which scripts are needed for them to work properly.

• https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/cdn-support/overview 

Then, you would be able to load the same scripts for the controls and just replace the Kendo UI scripts loaded from the controls (e.g. scripts inside the Common/HTML5UI folder)

<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/Core.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/jQuery.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/jQueryPlugins.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/core.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/popup.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/Data/html5/data/odata.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/Data/html5/data/xml.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/Data/html5/data.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/list.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/fx.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/userevents.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/draganddrop.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/Mobile/html5/mobile/scroller.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/virtuallist.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/combobox.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/Common/HTML5UI/html5/multicolumncombobox.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/MultiColumnComboBox/Scripts/RadMultiColumnComboBox.js" type="text/javascript"></script>
<script src="http://aspnet-scripts.telerikstatic.com/ajaxz/2021.1.224/ClientDataSource/RadClientDataSourceScripts.js" type="text/javascript"></script>

Regards,
Peter Milchev
Progress Telerik

[Miroslav]

Hello Peter.

I agree, the problems look similar. I worked around the old problem with disabling script combining. Later I switched our application to embedded jQuery and made sure all other js libraries were loaded using RasScriptManager. This finally solved the issue with RadMultiColumnComboBox and I could re-enable script combining.

Now we tried using RadClientDataSource with the same multicomboboxes which had problems in the past. It broke again and no combination of embedded/external jQuery and script combining enabled/disabled helps this time.

We are now reworking the datasources and multicomboboxes to pure Kendo so hopefully it will clear the conflicts. I'll let you know.

[Peter Milchev]

Hi Miroslav, I have updated my answer with some additional information, you can check if that helps to resolve the issue.