Combo Box and RequireJS

[Santhosh]

Hello,
I am trying to use requireJS with kendo.custom js. I downloaded kendo combobox and validator as a custom package and created a custom js. I am trying to use requireJS on this kendo.custom. 

Code snippet that is NOT working

define(["jquery/jquery","kendo/kendo.custom.min"],function() {
return {
init:function(){
$("#vertical").kendoComboBox();
var combobox = $("#vertical").data("kendoComboBox");
}
};
});

JS Error: Uncaught TypeError: Object [object Object] has no method 'kendoComboBox'

But if I use kendo.all.min instead of kendo.custom.min, this code gets executed without any error. I think I am missing adding some dependency for combo box or probably using my requireJS in a wrong way. Can you please help.

Thanks and Regards,
Santhosh Rao M

[Mihai]

Hi,

It's not clear to me how you created your kendo.custom but indeed, you must make sure to add all the files that combobox and validator depend on (and their dependencies in turn).  It can be a tedious process to do this manually, but we have automated tools to help you.

You can use the Download Builder, available here: http://www.kendoui.com/custom-download

Another option is to use the Kendo UI Bootstrapper, which has a feature to generate a custom build containing only widgets that your code uses.  https://github.com/kendo-labs/kendo-bootstrapper

Hope this helps.

Regards,
Mihai
Telerik

[Santhosh]

Hello Mihai,
I did use http://www.kendoui.com/custom-download.aspx and chose combobox, it's mobile scroller and validator to download the custom js. Please let me know your thoughts.

[Mihai]

Hi Santhosh,

I suspect the problem is as simple as adding "./" to the paths, i.e.:

define([ "./jquery/jquery", "./kendo/kendo.custom.min" ], ...)

(or otherwise configuring RequireJS paths correctly).  Could you please send me a ZIP with your files so I can take a look?

Regards,
Mihai
Telerik