sf.js

Native Javascript framework

Contains smarti.data.js and smarti.to.js (use sf.data, sf.to, sf.parse)

1. Define instance (it initializes at DOMContentLoaded event)

<div sf="myNamespace.myInstance">
...
</div>

or call on content loaded via ajax (in case if content contains sf instances)

sf.init(HtmlElement container)

2. Attach model

<script>
  var model = { name: 'test' };
</script>
<div sf="test" sf-load="model">
...
</div>

or

<script>
  var loadModel = function(sender){
    $.ajax(
      ...
      success: function(model){
        sender.load(model);
        //or
        test.load(model);
      }
    );
  }
</script>
<div sf="test" sf-load="loadModel">
...
</div>

3. Set actions

<script>
  var model = { greeting: 'Hello!', name: 'World' };
</script>
<div sf="test" sf-load="model">
  <span sf-src="greeting"></span>
  <input type="text" sf-set-value="name" />
</div>

Full list of actions and possibilites is comming soon....