Kendo UI网格数据变量Vue.js

时间:2017-11-22 19:10:39

标签: kendo-ui vue.js kendo-grid kendo-ui-vue

在kendo UI中,可以使用Vue.js中变量的数据加载网格吗?

2 个答案:

答案 0 :(得分:0)

是的,您可以绑定到数据源属性,而不是使用data-source-ref。这可以是kendo DataSource或简单数组的实例。

例如,这里的default demo已更改为绑定到对象数组。



    System.out.println("0 - 29 ")
    for (int i = 0; i <= cat1; i++)
        {
            System.out.print("*");
        }
    System.out.println();

    System.out.println("30 - 39 ")
    for (int i = 0; i <= cat2; i++)
        {
            System.out.print("*");
        }
    System.out.println();
    //and so on
&#13;
var products = [{
    "ProductID": 1,
    "ProductName": "Chai",
    "UnitPrice": 18,
    "UnitsInStock": 39,
    "Discontinued": false
  },
  {
    "ProductID": 2,
    "ProductName": "Chang",
    "UnitPrice": 19,
    "UnitsInStock": 17,
    "Discontinued": false
  }, {
    "ProductID": 3,
    "ProductName": "Aniseed Syrup",
    "UnitPrice": 10,
    "UnitsInStock": 13,
    "Discontinued": false
  }
];
new Vue({
  el: '#app',
  data: {
    products: products
  }
});
&#13;
&#13;
&#13;

答案 1 :(得分:0)

是的,有可能。在网格操作中,尝试@Select并实现功能OnSelect (e)。这就是从对象e获取数据的方式。