mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 03:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

#1449 emit select event on checkbox or radio button activity

Browse source
This commit is contained in:
Naegelin 2022-08-16 13:41:50 +02:00
commit e94646c4e7
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/DataTable/DataTable.svelte
View file

@ -18,6 +18,7 @@
* @event {DataTableRow} mouseenter:row * @event {DataTableRow} mouseenter:row
* @event {DataTableRow} mouseleave:row * @event {DataTableRow} mouseleave:row
* @event {{ expanded: boolean; row: DataTableRow; }} click:row--expand * @event {{ expanded: boolean; row: DataTableRow; }} click:row--expand
* @event {{ selected: boolean; row: DataTableRow; }} click:row--select
* @event {DataTableCell} click:cell * @event {DataTableCell} click:cell
* @restProps {div} * @restProps {div}
*/ */
@ -440,6 +441,7 @@
checked="{selectedRowIds.includes(row.id)}" checked="{selectedRowIds.includes(row.id)}"
on:change="{() => { on:change="{() => {
selectedRowIds = [row.id]; selectedRowIds = [row.id];
dispatch('click:row--select', { row, selected: true });
}}" }}"
/> />
{:else} {:else}
@ -451,8 +453,10 @@
selectedRowIds = selectedRowIds.filter( selectedRowIds = selectedRowIds.filter(
(id) => id !== row.id (id) => id !== row.id
); );
dispatch('click:row--select', { row, selected: false });
} else { } else {
selectedRowIds = [...selectedRowIds, row.id]; selectedRowIds = [...selectedRowIds, row.id];
dispatch('click:row--select', { row, selected: true });
} }
}}" }}"
/> />