javascript - ag-grid-vue:如何检测行点击?
问题描述
我在这里按照示例进行操作。
一切正常,现在我想检测一行点击并获取事件的数据。
这是我的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', sortable: true, filter: true },
{headerName: 'Price', field: 'price', sortable: true, 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
当我单击一行时,不会调用该方法。
我在这里缺少什么?
解决方案
推荐阅读
- java - REST API 在 Spring Boot 中删除 HTTP 请求
- google-cloud-spanner - Goolge Cloud Spanner DML 插入时间戳
- statnet - 如何解决ergm退化?
- javascript - 如何让 Discord YouTube Notifier 机器人使用“viewCount”作为发布视频的条件?
- static - 就 RAM 而言,静态类中的静态方法在哪里?
- amazon-web-services - 如何将 aws ssm 发送命令设置为没有 3600 秒的默认执行时间?
- sql - 与直接在 IN 子句中给出列表的查询相比,雅典娜 IN 子句中的子查询给出不同的结果
- javascript - d3.js 存储从力模拟中随意附加的圆的像素坐标
- git - 重复拉/合并请求后修复存储库
- c++ - 如何解决两个冲突的 QT 版本