Cálculo reactivo-como de hoja de cálculo en JavaScript-XCell
| Autor: | tomazy |
|---|---|
| Views Total: | 593 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 29, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca XCell le permite aplicar cálculos reactivos, como hojas de cálculo, a cualquier elemento, como campos de entrada, celdas de tabla y más.
¿Cómo funciona?
Inserte la versión UMD de los archivos de XCell en el documento.
<script src="https://unpkg.com/[email protected]/dist/xcell-umd.js"></script> <script src="https://unpkg.com/[email protected]/dist/xcell-inspect-umd.js"></script>
El ejemplo básico.
<input id="A"> + <input id="B"> = <input id="C" readonly>
const $a = xcell(1)
const $b = xcell(2)
const $c = xcell([$a, $b], (a, b) => a + b)
A.value = $a.value
B.value = $b.value
C.value = $c.value
A.addEventListener('input', e => $a.value = +e.target.value)
B.addEventListener('input', e => $b.value = +e.target.value)
$c.on('change', ({ value }) => C.value = value)
const inspector = xcellInspect([$a, $b, $c], {
renderDOT: true,
renderGraph: true,
hidden: false,
})
document.body.appendChild(inspector.element) Registro de cambios
07/29/2018
- v0.0.10
