אני משתמש בag-grid בvue, ואני מעוניין להוסיף עמודה של כפתורי פעולות,
הדרך שמופיעה בתיעוד שלהם היא ע"י קריא לקומפוננטה של כפתורים ככה:
הגדרת העמודה בקומפננטה הראשית,
{
headerName: "פעולות",
field: "actions",
cellRenderer: 'ActionsButtonPeople',
sortable: false,
width: 330
}
כמובן לאחר ייבוא של הקומפוננטה, והגדרה שלה תחת components.
import ActionsButtonPeople from "@/components/ActionsButtonPeople.vue";
הקומפננטה ActionsButtonPeople עצמה,
<template>
<div>
<button class="btn btn-sm btn-info mx-1" @click="blockDevice">חסימת מכשיר</button>
<button class="btn btn-sm btn-accent mx-1" @click="openDevice">פתיחת מכשיר</button>
</div>
</template>
<script>
export default {
methods: {
},
};
</script>
<style scoped>
</style>
וזה אכן מציג את הכפתורים, כמו שצריך (כמעט, יש איזה באג בסטייל, אבל זה לא חשוב כרגע),
אבל אני רוצה שהפונקציות openDevice וblockDevice שנקראות בלחיצה יהיו הפונקציות שבקומפוננטת האב, איך שהצלחתי להבין זה אמור להיות עם העברת props אבל לא הצלחתי לממש את זה, ואשמח לעזרה.