Telerik UI - Kendo UI conflict?

1 Answer 23 Views
ClientDataSource MultiColumnComboBox
Miroslav
Top achievements
Rank 1
Miroslav asked on 04 May 2021, 01:11 PM
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?

1 Answer, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 07 May 2021, 10:37 AM | edited on 07 May 2021, 11:28 AM

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.

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Miroslav
Top achievements
Rank 1
commented on 07 May 2021, 11:11 AM

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
Telerik team
commented on 07 May 2021, 11:29 AM

Hi Miroslav, I have updated my answer with some additional information, you can check if that helps to resolve the issue.
Tags
ClientDataSource MultiColumnComboBox
Asked by
Miroslav
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Share this question
or