Class ChildrenActions<T>

Wraps an element exposing the same array mutation API (push, pop, unshift, shift, splice, set, move, swap and clear for working with the element's children. This can be used together with ArrayActions to, for example, keep an array and its DOM representation in sync.

Example

import { ArrayActions, call, ChildrenActions } from 'apption';
const array = [], tbody = document.querySelector('tbody');
const AppChildrenActions = class extends ChildrenActions {
    render(item) {
        return (rowId.firstChild.nodeValue = item.id) && (rowlbl.firstChild.nodeValue = item.lbl) && row.cloneNode(true);
    } update(value = ' !!!') {
       for (let i = 0; i < array.length; i += 10)
           this.element.children[i].querySelector('a').firstChild.nodeValue = array[i].lbl += value;
    }
}, actions = [new ArrayActions(array), new AppChildrenActions(tbody)];
call({ swap: actions }, 1, 998);  // swap item 1 with item 998
Copy