Extend base widget "kendo.ui.Widget"

[Marco]

Hello,

Is it possible to extend the base widget "kendo.ui.Widget" ?

I tried the following, but it doesn't work:

 

var ExtendedWidget = kendo.ui.Widget.extend({
               init: function (element, options) {
                   kendo.ui.Widget.fn.init.call(this, element, options);

                   if (options.componentContainer != null)
                   {
                       options.componentContainer.push(this);
                   }
               },
               options: {
                   name: "Widget",
                   componentContainer: undefined
               },
           });
   kendo.ui.plugin(ExtendedWidget);

Kind Regards,

 

Marco 

 

[Sebastian]

Hello Marco,

I think the step-by-step instructions from this documentation topic will provide the information you need for building custom Kendo UI widgets. You may also refer to this blog post for a real-life example.

Best regards,
Sebastian
Telerik

 

 

[Marco]

Hello Sebastian,

 Thanks for your reply. I know how to create a custom widget. But i want to add some functionality to the kendo.ui.Widget, so that all the widgets get the same (added) functionality.

Kind Regards,

 

Marco

[Sebastian]

Hello again Marco,

You can only extend the basic kendo.ui.Widget class and not add directly new functionality to its core. Hence your option would be to extend/inherit from this class and then use instances of the inherited class for additional data/functionality along with Kendo UI Widgets, if applicable.

You may also see this help topic about inheritance for further reference.

Regards,
Sebastian
Telerik