Kendo UI Grid Data variable Vue.js

我们两清 提交于 2019-12-13 09:34:38
问题 In the kendo UI it is possible to load the grid with data from a variable in the Vue.js? 回答1: Yes, instead of using a data-source-ref, you can bind to a data-source property. This can be an instance of an kendo DataSource or a simple array. For example, here's the default demo, changed to bind to an array of objects. var products = [{ "ProductID": 1, "ProductName": "Chai", "UnitPrice": 18, "UnitsInStock": 39, "Discontinued": false }, { "ProductID": 2, "ProductName": "Chang", "UnitPrice": 19,

Vuex How to bind store to KendoUi-Vue Grid in transport read

╄→尐↘猪︶ㄣ 提交于 2019-12-11 23:18:58
问题 I am trying to bind the data on Kendo UI with the data from Vuex getters. I have tried the following but no luck. Please help whether where i am missing something on the vuex or on the kendo. Kendo Extensions: <kendo-grid :data-source="kendoDataSource"> </kendo-grid> Components: computed: { customers() { return this.$store.getters.customers; } }, data() { return { kendoDataSource: { schema: { data: function(response) { return response; }, model: { id: "CustomerID", fields: { CompanyName: {