• Like

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,379
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
26
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. jQuery plugins come from Microsoft
    @hotrannam
  • 2. What are they?
    Templates
    Data Link
    Globalization
  • 3. Roadmap
    Shipped as plugins in jQuery 1.4.3
    Included as core in jQuery 1.5
  • 4. jQuery Templates
    A template contains markup with binding expressions
    Binding expressions are wrapped in new tags called Template tags
    Templates are applied to data
    Render into the DOM as the way jQuery does
    Note: tested on jQuery 1.4.2
  • 5. API
    .tmpl([ data ], [ options ])
    jQuery.tmpl(template, [ data ], [ options ] )
    .tmplItem()
    jQuery.tmplItem(element )
    .template([ name ])
    jQuery.template(name, template )
    .empty()
  • 6. Template tags
    ${}
    {{html}}
    {{if}}
    {{else}}
    {{tmpl}}
    {{wrap}}
  • 7. Demo
  • 8. jQuery Data Link
    A .NET data binding at the client side
    One way and two way
    Conversion is supported
  • 9. API
    .link( target, [ settings ] )
    .unlink( target )
  • 10. Demo
  • 11. jQuery Globalization
    Available soon… 
  • 12. References
    API Documentation
    jQuery Templates API – http://api.jquery.com/category/plugins/templates/
    jQuery Data Link API – http://api.jquery.com/category/plugins/data-link/
    Download
    jQuery Templates – http://github.com/jquery/jquery-tmpl
    jQuery Datalink – http://github.com/jquery/jquery-datalink
    jQuery Globalization – http://github.com/jquery/jquery-global
    Demo
    GitHub – http://github.com/hotrannam/jquery-in-rails