Question

我需要使用Kendo UI渲染子网格。 Here is an example来自他们的网站。

在他们的示例中，基本上他们使用jQuery构造了子网格，因此我将失去与Vue组件的连接。特别是，该子网格必须具有一些按钮才能触发其他操作，例如显示模式然后删除一些数据。

我有办法做到这一点，但是我想知道是否还有解决我问题的“优雅”解决方案：

<script>
  var myComponent = {
    name: 'myComponent'
    data() {
      ...
    },
    methods: {
      test: function (data) {
        // here I do something with the data
      }
    }
  }

  export default myComponent
</script>

通过首先将myComponent定义为变量，我可以从kendo命令访问它：

$('<div />').appendTo(e.detailCell).kendoGrid({
  dataSource: e.data.someArray,
  columns: [
    {
      command: [
        {
          name: 'edit',
          click: function (e) {
            var data = this.dataItem($(e.target).closest('tr'))
            templatesManager.methods.test(data)  ---> HERE 
          }
        }
      ]
    }
  ]

我不喜欢引用我的组件的方法，并且由于我对Vue没有太多的经验，所以我想知道这是否是在网格和组件之间进行通信的正确方法。不幸的是，我们不能摆脱剑道网格。 Here I found an example关于如何通过事件在vue组件和AngularJS之间进行连接...这是一个更好的选择吗？这种引用组件的解决方案可能会引起任何潜在的问题？

Kendo网格详细信息模板和VueJS

0 个答案: