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,648 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,648
Views on SlideShare
1,648
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