yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Collections: Add selection mode toggle in UmbTableElement update lifecycle (#20486)

Browse Source 
* Add selection mode toggle in UmbTableElement update lifecycle

* Update src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Markup attribute consistency

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: leekelleher <leekelleher@gmail.com>
This commit is contained in:
Rick Butterfield
2025-12-04 11:25:19 +00:00
committed by GitHub
parent 88f04cd722
commit effccef81d
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/Umbraco.Web.UI.Client/src/packages/core/components/table/table.element.ts
View File

@@ -157,6 +157,13 @@ export class UmbTableElement extends UmbLitElement {
@state() @state()
private _selectionMode = false; private _selectionMode = false;
override updated(changedProperties: Map<string | number | symbol, unknown>) {
super.updated(changedProperties);
if (changedProperties.has('selection')) {
this._selectionMode = this.selection.length > 0;
}
}
#sorter = new UmbSorterController<UmbTableItem>(this, { #sorter = new UmbSorterController<UmbTableItem>(this, {
getUniqueOfElement: (element) => { getUniqueOfElement: (element) => {
return element.dataset.sortableId; return element.dataset.sortableId;
@@ -291,7 +298,7 @@ export class UmbTableElement extends UmbLitElement {
return html` return html`
<uui-table-row <uui-table-row
data-sortable-id=${item.id} data-sortable-id=${item.id}
?selectable="${this.config.allowSelection && !this._sortable}" ?selectable=${this.config.allowSelection && !this._sortable}
?select-only=${this._selectionMode} ?select-only=${this._selectionMode}
?selected=${this._isSelected(item.id)} ?selected=${this._isSelected(item.id)}
@selected=${() => this._selectRow(item.id)} @selected=${() => this._selectRow(item.id)}