How do I add binding to a custom widget using in a template

[Scott Rakestraw]

Please see my code here: 
http://jsfiddle.net/RzfHu/2/

I would like this custom widget do like this:
<input type="text" data-role="colorpicker" data-bind="value:BGColor"  />
But it failed saying: Uncaught TypeError: Object [object Object] has no method 'value'
So how do I add binding to this custom widget "colorpicker"?

[Georgi Krustev]

Hello Scott,

 
The value binding requires the widget to have value method. This method will be used to get/set widgets value. Consider implementing value method in your custom widget.

Kind regards,
Georgi Krustev
the Telerik team

[Scott Rakestraw]

Hi Georgi,

Thanks for your reply. Can you show me the syntax of adding the get/set method to a custom widget? I have tried many ways, all are not working. Thx!

[Georgi Krustev]

Hello Scott,

 
As I pointed in my last reply, you need to implement value method:

value: function(value) {
    if (value !== undefined) {
         //set value
    } else {
         //return widget's value;
    }
}

How you will set the value of the jQuery widget is a developer's decision.

Kind regards,
Georgi Krustev
the Telerik team