Edit Stoichiometry Table
Enter stoichiometry table json string then click load
Code examples how to use edit stoichiometry table widget to construct a stoichiometry table and retrieve the data behind it or regenerate its html
Construct a new stoichiometry table
var editstoichiometrytable = $('#stoichiometrytablecontainer').editstoichiometrytable({ stoichiometrytabledatajson: null, width: null });... and how to load a stoichiometry table prevoiusly constructed to edit it (construct a stoichiometry table then copy its json to use as input)...
$('#loadBtn').click(function () { $('#stoichiometrytablecontainer').editstoichiometrytable("option", "stoichiometrytabledatajson", $('input').val()); });... and how to retrieve and display the JSON data representing the stoichiometry table...
$('#getTableJSONBtn').click(function () { var json=$('#stoichiometrytablecontainer').editstoichiometrytable("getTableDataJSON"); window.prompt ("Copy to clipboard: Ctrl+C, Enter", json); });... and how to retrieve and a basic html representation of the stoichiometry table...
$('#getBasicTableHTMLBtn').click(function () { var html=$('#stoichiometrytablecontainer').editstoichiometrytable("getTableHTML", false); window.prompt ("Copy to clipboard: Ctrl+C, Enter", html); });... and how to retrieve and a more advanced html representation with the stoichiometry table json attached as a data element attached to the div returned, and attach a unique id of the containing div to make it easier for the table to be edited at a later point ...
$('#getTableHTMLWithJsonBtn').click(function () { var html=$('#stoichiometrytablecontainer').editstoichiometrytable("getTableHTML", true); window.prompt ("Copy to clipboard: Ctrl+C, Enter", html); });