title: Correct syntax for binding to a form in jsviews (commit 26)
body: <p>I am experimenting with Boris Moore's jsrender/jsviews libraries and am using the current version at the moment (commit 26). (I realize the API is in flux but would like to practice using it)</p>
  
  <p>I've looked at the demos here:
  <a href="http://borismoore.github.com/jsviews/demos/index.html" rel="nofollow">http://borismoore.github.com/jsviews/demos/index.html</a></p>
  
  <p>But I am having trouble determining the <code>data-link</code> syntax. In some of the demos the syntax is <code>data-link="{:FirstName:}</code></p>
  
  <p>I don't understand why the 2 colons. I assume the 1st colon means no HTML encoding would be done, but have no idea about the 2nd one.</p>
  
  <p>In other places I see syntax like <code>data-link="address.street"</code> Here there are no curly braces or colons at all. I wonder when you need them and when you don't. Also I don't follow how you would specify if you want one-way or two-way binding. Or if you wanted binding to trigger in response to a key press instead of blur.</p>
  
  <p>Here's an example I'd like to setup properly:</p>
  
  <pre><code>&lt;div id="form"&gt;
      &lt;p&gt;
          &lt;label&gt;First Name&lt;/label&gt;
          &lt;input type="text" name="FirstName" data-link="FirstName"/&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;label&gt;Last Name&lt;/label&gt;
          &lt;input type="text" name="LastName" data-link="LastName"/&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;label&gt;Full Name&lt;/label&gt;
          &lt;input type="text" data-link="FirstName + ' ' + LastName"/&gt;
      &lt;/p&gt;
      &lt;p&gt;
          &lt;label&gt;Gender&lt;/label&gt;
          &lt;select name="Gender"&gt;
              &lt;option value="U"&gt;Unknown&lt;/option&gt;
              &lt;option value="M"&gt;Male&lt;/option&gt;
              &lt;option value="F"&gt;Female&lt;/option&gt;
          &lt;/select&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  &lt;script&gt;
     var data =
     {
        FirstName: "Bill",
        LastName: "Willis",
        Gender: "M"
     };
  
     $("#form").link(true, data);  //What is the 1st parameter (true) about?
  &lt;/script&gt;
  </code></pre>
  
  <p>I don't know how to bind to the select control.</p>
  
  <p>I'd appreciate any explanation of how this should be done.</p>