JavaScript Model Objects

Written by on August 17th, 2007 in Ajax News.

Denny Ferrassoli has been thinking about data-binding as it related to JavaScript and HTML, and came up with JavaScript Model Objects.

His example was a simple table row repeater which looks like:

JAVASCRIPT:

  1.  
  2. // Data
  3. var myTestObj =
  4. {
  5.             “rows”:
  6.                         [{”id”:1, “title”:”Test one”, “imagesrc”:”images/ajax.gif”, “isTest”:true},
  7.                         {”id”:2, “title”:”Test two”, “imagesrc”:”images/playmini.gif”, “isTest”:true},
  8.                         {”id”:3, “title”:”Test three”, “imagesrc”:”images/playmini.gif”, “isTest”:true}]
  9. }
  10.  

And the HTML template:

HTML:

  1.  
  2.             <tr id=”JMO1″>
  3.                         <td style=”border: solid 1px black”>!id!</td>
  4.                         <td style=”border: solid 1px black”>!title!</td>
  5.                         <td style=”border: solid 1px black”><img src=”!imagesrc!” /></td>
  6.                         <td style=”border: solid 1px black”>!isTest!</td>
  7.             </tr>
  8. </table>
  9.  

Source: Ajaxian
Original Article: http://feeds.feedburner.com/~r/ajaxian/~3/145187109/javascript-model-objects

Leave a Reply

You must be logged in to post a comment.



Site Navigation