Currently, I am utilizing the robust Kendo UI HTML Framework within my web application for its exceptional support of MVVM functionality.
While I appreciate the convenience that Kendo offers with MVVM, I am in need of a solution that allows me to leverage the flexibility of Kendo MVVM without solely relying on Kendo Widgets. In other words, I am looking to directly bind the observable objects provided by Kendo to HTML elements like divs and tables.
For instance, if I have a datasource object within the kendo.observable view model, let's say viewModel.dtSource, I can easily connect it to a Kendo Grid as demonstrated in the code snippet below:
$("#grid").kendoGrid({
dataSource: viewModel.dtSource,
height: 550,
columns: [{
field: "firstname",
title: "First Name"
}, {
field: "address",
title: "Address"
}, {
field: "contact",
title: "Contact"
}, {
field: "gender",
title: "Gender"
}],
});
However, my goal is to bind the kendo observable object viewModel.dtSource directly to an HTML table instead of utilizing the Kendo Grid.
Do you know if this is achievable?