From 260bb7014e7e1bd446ffe68c958dd52edcc42662 Mon Sep 17 00:00:00 2001 From: SheetJS Date: Tue, 26 Jul 2022 15:24:43 -0400 Subject: [PATCH] knockout --- .../04-getting-started/03-demos/09-bundler.md | 4 +- .../04-getting-started/03-demos/12-legacy.md | 94 +++++++++++++++ .../docs/04-getting-started/03-demos/index.md | 2 +- docz/static/knockout/knockout.html | 109 ++++++++++++++++++ 4 files changed, 206 insertions(+), 3 deletions(-) create mode 100644 docz/docs/04-getting-started/03-demos/12-legacy.md create mode 100644 docz/static/knockout/knockout.html diff --git a/docz/docs/04-getting-started/03-demos/09-bundler.md b/docz/docs/04-getting-started/03-demos/09-bundler.md index 626370e..3ccaf60 100644 --- a/docz/docs/04-getting-started/03-demos/09-bundler.md +++ b/docz/docs/04-getting-started/03-demos/09-bundler.md @@ -205,7 +205,7 @@ $ yarn add https://cdn.sheetjs.com/xlsx-${current}/xlsx-${current}.tgz`} ```js title="esbrowser.js" // highlight-next-line -import { set_fs, utils, version, writeFileXLSX } from 'xlsx/xlsx.mjs'; +import { utils, version, writeFileXLSX } from 'xlsx/xlsx.mjs'; (async() => { /* fetch JSON data and parse */ @@ -461,7 +461,7 @@ $ yarn add https://cdn.sheetjs.com/xlsx-${current}/xlsx-${current}.tgz`} ```js title="index.js" // highlight-next-line -import { set_fs, utils, version, writeFileXLSX } from 'xlsx/xlsx.mjs'; +import { utils, version, writeFileXLSX } from 'xlsx/xlsx.mjs'; document.getElementById("xport").addEventListener("click", async() => { /* fetch JSON data and parse */ diff --git a/docz/docs/04-getting-started/03-demos/12-legacy.md b/docz/docs/04-getting-started/03-demos/12-legacy.md new file mode 100644 index 0000000..830bbf6 --- /dev/null +++ b/docz/docs/04-getting-started/03-demos/12-legacy.md @@ -0,0 +1,94 @@ +--- +sidebar_position: 12 +title: Legacy Frameworks +--- + +import current from '/version.js'; + +Over the years, many frameworks have been released. Some were popular years ago +but have waned in recent years. There are still many deployments using these +frameworks and it is oftentimes esasier to continue maintenance than to rewrite +using modern web techniques. + +SheetJS libraries strive to maintain broad browser and JS engine compatibility. + +## Integration + +The ["Standalone Browser Scripts"](../../installation/standalone) section has +instructions for obtaining or referencing the standalone scripts. These are +designed to be referenced with ` + + + + + + +
+SheetJS + KnockoutJS demo
+
+The core library can be used as-is in KnockoutJS applications.
+The Community Edition README details some common use cases.
+We also have some more public demos
+
+This demo shows:
+- view model backed by an array of arrays
+- file import that refreshes the model
+- table of editable `input` elements that are bound to the model
+- file export based on the model
+
+Sample Spreadsheet
+
+ + + + + + +
+ + + + + + + + +