title | page_title | description | slug | position |
---|---|---|---|---|
Data Binding |
Data Binding - DataSource - Kendo UI for Vue |
Bind the Kendo UI DataSource component to data in Vue projects. |
databinding_datasource |
1 |
You can bind a DataSource instance to local data arrays or remote data services.
To bind the DataSource to a local array of JavaScript objects, assign the array to the data
configuration property of the DataSource instance.
{% meta height:350 %} {% embed_file datasource/data-binding/local/main.vue preview %} {% embed_file datasource/data-binding/local/main.js %} {% endmeta %}
To make the connection to the remote endpoint and process the data properly, the DataSource requires the following information:
- URLs of the web service.
- Request type.
- Response data type.
- Structure (schema) of the response (if more complex than a plain array of objects).
{% meta height:660 %} {% embed_file datasource/data-binding/remote/main.vue preview %} {% embed_file datasource/data-binding/remote/main.js %} {% endmeta %}