JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<script src="http://westcoastlogic.com/lawnchair/src/adaptors/Helpers.js"></script>
<script src="http://westcoastlogic.com/lawnchair/src/adaptors/CookieAdaptor.js"></script>
<script src="http://westcoastlogic.com/lawnchair/src/adaptors/DOMStorageAdaptor.js"></script>
<script src="http://westcoastlogic.com/lawnchair/src/adaptors/GearsSqliteAdaptor.js"></script>
<script src="http://westcoastlogic.com/lawnchair/src/adaptors/WebKitSqliteAdaptor.js"></script>
<script src="http://westcoastlogic.com/lawnchair/src/lawnchair.js"></script>
<p id="dao1"></p>
<p id="dao2"></p>

CSS

#dao1, #dao2 {
    margin-bottom: 1em;
    border: 1px solid #000;
}

JavaScript

function dump_array(a, to_id) {
    var $p = $('#' + to_id);
    for(var i = 0; i < a.length; ++i)
        for(var k in a[i])
            if(a[i].hasOwnProperty(k))
                $p.append(k + ' = ' + a[i][k] + '<br>');
}

var dao1 = new Lawnchair('TABLE1');
dao1.nuke(); // Clear persistent storage.
dao1.save({111: '222'});

var dao2 = new Lawnchair('TABLE2');
dao2.nuke(); // Clear persistent storage.
dao2.save({333: '444'});

dao1.all(function(a) {
    dump_array(a, 'dao1');
});
dao2.all(function(a) {
    dump_array(a, 'dao2');
});