For Kendo UI, it would be great if you could add a kendo configuration to a Model's field which would be used to auto display the html component, here is an example: var newModel = kendo.data.Model.define({ id: "id", fields: { state: { type: "string", defaultValue: "", validation: { required: true }, component: { role: "kendoDropDownList", dataSource: { data: [ 'Alabama', 'Alaska', 'Arizona' ] } } } } });
By default, Kendo UI already provides this integration, as shown below in the Grid Popup editing feature. Kendo UI is providing simple UI based upon the field's type, my suggestion would extend this feature to add customization to each field's UI. http://demos.telerik.com/kendo-ui/grid/editing-popup
The model and UI abstractions should be separated by definition, Timothy. You can relate the model with the UI (and vice versa) via the data model and view definitions, without making the UI definition part of the model one. Let me know if I am missing something important here.
Sorry the spaces did not show up correctly