Kendo UI vs Knockout

[rgullhaug]

Hi,
I can see that Kendo UI can integrate with Knockout.js, but why would I? Isn't this two products trying to accomplish the same? Or is this two different products and you recommend to use both? Can you please write a little about the differences of these two products?

[Sebastian]

Hi Kalle,

Both Kendo UI and KnockoutJS are client javascript frameworks which incorporate their set of supported features. The purpose of having an integration example is that it illustrates both framework play nice when used together on the same page. This is one of the proofs that Kendo UI provides the needed extensibility end points for HTML5/JS devs to plug in other frameworks, if needed (the same holds true for the jQuery templates).

It is not mandatory to utilize the functionality of both frameworks, and it is up to you to decide what you will need to build your application.

Regards,
Sebastian
the Telerik team

[Corey Gaudin]

Can you give an example of using the datePicker with knockout? Specifically if I bind an input to a value from a Javascript Object Property that is a date, and have the datePicker show this value, and when you change it it changes the Javascript Object Property.

I.e.

<input id="someDate" date-bind="value: someDate" />


<script>
    var viewModel = {
           someDate: new Date()  /// this is gotten from the server and is of type date, not string
     };
     
    $('#someDate').kendoDatePicker();
    ko.applyBindings(viewModel);

</script>


Does something like this work? Or do I need to go through the hassle of converting it to a string version like I do now with every other date picker? I would like to be able to bind a date object to the control, and have a 2-way bind and it be a date when you change the control without alot of converters and such. Is this possible with Kendo UI?

[Georgi Krustev]

Hello Corey,

I am not expert in Knockout JS, but I believe that you will need to implement value converter. Check this help topic. Please note that this functionality is not related with KendoUI.

Best regards,
Georgi Krustev
the Telerik team

[LessX]

Corey Gaudin

invert de instructions:


   $('#someDate').kendoDatePicker();
    ko.applyBindings(viewModel); 


to


    ko.applyBindings(viewModel);    $('#someDate').kendoDatePicker();