You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/integrations/vue/customization-patterns.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -455,7 +455,7 @@ Use this when grid editing is central to the workflow and built-in editors are n
455
455
456
456
Use `modals` to replace built-in task/link deletion confirmations.
457
457
458
-
The handler receives `{ task, callback, message, title, ganttInstance }` for task deletion (and `{ link, ... }` for link deletion). **Deletion only proceeds when you invoke `callback()`**— skip the call and the deletion is cancelled.
458
+
The handler receives `{ task, callback, message, title, ganttInstance }` for task deletion (and `{ link, ... }` for link deletion). **Deletion only proceeds when you invoke `callback()`**- skip the call and the deletion is cancelled.
459
459
460
460
### Quick Path: `window.confirm`
461
461
@@ -474,7 +474,7 @@ const modals = {
474
474
475
475
### Production Path: Custom Vue Dialog Component
476
476
477
-
Real apps usually need a branded modal that matches the rest of the UI. The handler can't show a Vue component synchronously — the user has to click first — so you capture the `callback` in component state, open the dialog, and invoke the callback (or don't) when the user chooses.
477
+
Real apps usually need a branded modal that matches the rest of the UI. The handler can't show a Vue component synchronously - the user has to click first - so you capture the `callback` in component state, open the dialog, and invoke the callback (or don't) when the user chooses.
478
478
479
479
~~~vue
480
480
<script setup lang="ts">
@@ -519,7 +519,7 @@ const modals = {
519
519
</template>
520
520
~~~
521
521
522
-
`TaskDeleteDialog.vue` is any Vue dialog component you like — a Vuetify `v-dialog`, an Element Plus `el-dialog`, a custom-rolled `<Teleport>` overlay, etc. The contract is just `modelValue` (or any open/close prop), a `confirm` action and a `cancel` action.
522
+
`TaskDeleteDialog.vue` is any Vue dialog component you like - a Vuetify `v-dialog`, an Element Plus `el-dialog`, a custom-rolled `<Teleport>` overlay, etc. The contract is just `modelValue` (or any open/close prop), a `confirm` action and a `cancel` action.
523
523
524
524
See the runnable Vue version in the `templates` route of [`vue-gantt-examples`](https://github.com/DHTMLX/vue-gantt-examples).
0 commit comments