Binding E-mail field to href / mailto

[Jeff]

Is there a way to bind an observable e-mail address to the href attribute of an element?  I tried the following:
<a data-bind="{attr:{href:Email},text:Email}"></a>

But of course this lacks the needed "mailto:".

I know in Knockout you can do it like this:
<a data-bind="{attr:{href:'mailto:'+Email},text:Email}"></a>

I tried that in Kendo and it failed with an "Unrecognized string" error.

What's the best way to handle this type of binding in Kendo's MVVM setup?

[Alexander Valchev]

Hello Jeffrey,

Kendo MVVM does not support JavaScript bindings. To make a mailto link you should create a function in the viewModel. As an example:

var viewModel = kendo.observable({
    mail: "[e-mail]",
    mailtoLink: function() {
        return "mailto:" + this.get("mail");
    }
})

kendo.bind($("#example"), viewModel)

<div id="example">
    <a data-bind="attr: { href: mailtoLink }">mail</a>
</div>

A similar scenario is explained in this help topic.

Regards,
Alexander Valchev
the Telerik team