• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

jQuery Templating and Datalinking

on

  • 1,560 views

Overview of using the new jQuery Templating and DataLinking plugins to build MVVM AJAX Applications

Overview of using the new jQuery Templating and DataLinking plugins to build MVVM AJAX Applications

Statistics

Views

Total Views
1,560
Views on SlideShare
1,560
Embed Views
0

Actions

Likes
0
Downloads
18
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    jQuery Templating and Datalinking jQuery Templating and Datalinking Presentation Transcript

    • jQuerYTemplating & Data Linking
      Chris Love
      Tellago Inc.
      http://ProfessionalASPNET.com
      http://Twitter.com/ChrisLove
    • Books
    • References
      Templating
      http://github.com/nje/jquery-tmpl
      http://forum.jquery.com/topic/jquery-templates-proposal
      Data Linking
      http://github.com/nje/jquery-datalink
    • What does AJAX Mean?
      Transparent Interaction w/Server
      Slicker User Experience
      Modern Web Architecture Changed
      Enter Model/View – ViewModelish
    • MVVM Applications
      Model - jQuery
      View – HTML/CSS
      View – ie Service End Point/MVC View
      Model – EF/nHibernate etc
    • jquery AJAX Features
      Very Flexible
      Global Event Handlers
      Graceful Event Handling
      All the Super Goodness Baked into jQuery!!!
    • JSON
      The Data Format
      LCD Simple (And that’s the way I like it!)
      WCF Just Handles it for Us!
      JSON2 from Crockford (extended by Strahl * Demsak)
      http://JSON.org
    • JqueryTemplating
      Cloning
      varnewEl = $("# ContactRowTemplate ").clone() .attr("id",item.ContactId) .fadeIn("slow");
      jTemplates
      Python-Like Syntax
      MicroTemplating
      $("#tblContactListtbody").empty()
      .html($("#ContactRowTemplate")
      .parseTemplate({ contacts: response.Contacts }));
      http://ejohn.org/blog/javascript-micro-templating/
      http://www.west-wind.com/Weblog/posts/509108.aspx
    • JqueryTemplating
      <script id="ContactRowTemplate" type="text/html">
      <# for(vari=0; i < contacts.length; i++)
      {
      var contact = contacts[i];
      #>
      <tr>
      <td>
      <#=contact.FirstName#> <#=contact.LastName#>
      </td>
      <td>
      <#=contact.City#>
      </td>
      <td>
      <#=contact.State#>
      </td>
      <td><imgsrc="images/edit.gif" onclick="GetContactInfo(<#=contact.ContactId#>);" /></td>
      </tr>
      <# } #>
      </script>
    • jQuery Templating
      Merging Micro-Templating Concepts w/ASP.NET Templating Functionality
      Add
      Nested Templates
      Inline Templating
      Custom Rendering Functionality*
      *Not Yet Implemented To My Knowledge
    • Connecting Interaction Between Things
      One-Way or Two-Way Binding
      Custom Transformations
      jQuery Data Linking