Enter stoichiometry table json string then click loadLoad

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);
		});