Function fromDomQuery

Returns Reactive<HTMLElement[]> & { set(value: HTMLElement[]): void } & {
    onDiff(changes: (changes: PathDataChange<any>[]) => void): () => void;
    onField(
        fieldName: string,
        handler: (result: ObjectFieldHandler) => void,
    ): () => void;
    update(
        changedPart: (undefined | RecursivePartial<HTMLElement>)[],
    ): HTMLElement[];
    updateField(field: string, value: any): void;
} & { last(): HTMLElement[] }

• set:function

  • set(value: HTMLElement[]): void

    Sets a value

    Parameters

    • value: HTMLElement[]

      Value to write

    Returns void

• onDiff:function

  • onDiff(changes: (changes: PathDataChange<any>[]) => void): () => void

    Notifies of which field(s) were changed. If you just care about the whole, changed data use the value event.

    Use the returned function to unsubscribe.

    Parameters

    • changes: (changes: PathDataChange<any>[]) => void

    Returns () => void

• onField:function

  • onField(
        fieldName: string,
        handler: (result: ObjectFieldHandler) => void,
    ): () => void

    Notifies when the value of fieldName is changed.

    Use the returned function to unsubscribe.

    Parameters

    • fieldName: string
    • handler: (result: ObjectFieldHandler) => void

    Returns () => void

• update:function

  • update(
        changedPart: (undefined | RecursivePartial<HTMLElement>)[],
    ): HTMLElement[]

    Updates the reactive with some partial key-value pairs. Keys omitted are left the same as the current value.

    Parameters

    • changedPart: (undefined | RecursivePartial<HTMLElement>)[]

    Returns HTMLElement[]

    Returns new value

• updateField:function

  • updateField(field: string, value: any): void

    Updates a particular field by its path

    Parameters

    • field: string
    • value: any

    Returns void

• last:function

  • last(): HTMLElement[]

    Returns HTMLElement[]