如何解决ag-grid-vue:如何检测行点击?
我正在跟踪示例here。
一切正常,现在我想检测一次单击并获取事件的数据。
这是我的App.vue
:
<template>
<ag-grid-vue style="width: 500px; height: 500px;"
class="ag-theme-alpine"
:columnDefs="columnDefs"
:rowData="rowData"
:rowClicked="onRowClicked"
>
</ag-grid-vue>
</template>
<script>
import {AgGridVue} from "ag-grid-vue";
export default {
name: 'App',data() {
return {
columnDefs: null,rowData: null
}
},components: {
AgGridVue
},methods:{
onRowClicked(params) {
console.log(params);
console.log(params.node.data);
}
},beforeMount() {
this.columnDefs = [
{headerName: 'Make',field: 'make',sortable: true,filter: true },{headerName: 'Model',field: 'model',{headerName: 'Price',field: 'price',filter: true }
];
fetch('https://raw.githubusercontent.com/ag-grid/ag-grid/master/grid-packages/ag-grid-docs/src/sample-data/smallRowData.json')
.then(result => result.json())
.then(rowData => this.rowData = rowData);
}
}
</script>
<style>
@import "../node_modules/ag-grid-community/dist/styles/ag-grid.css";
@import "../node_modules/ag-grid-community/dist/styles/ag-theme-alpine.css";
</style>
但是,当我单击一行时,不会调用方法onRowClicked
。
我在这里缺少什么?
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。