jQuery plugins - templates, data link, globalization

12
jQuery plugins come from Microsoft @hotrannam

Transcript of jQuery plugins - templates, data link, globalization

Page 1: jQuery plugins - templates, data link, globalization

jQuery plugins come from Microsoft

@hotrannam

Page 2: jQuery plugins - templates, data link, globalization

What are they?

Templates

Data Link

Globalization

Page 3: jQuery plugins - templates, data link, globalization

Roadmap

Shipped as plugins in jQuery 1.4.3

Included as core in jQuery 1.5

Page 4: jQuery plugins - templates, data link, globalization

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

Page 5: jQuery plugins - templates, data link, globalization

API

.tmpl([ data ], [ options ])

jQuery.tmpl(template, [ data ], [ options ] )

.tmplItem()

jQuery.tmplItem(element )

.template([ name ])

jQuery.template(name, template )

.empty()

Page 6: jQuery plugins - templates, data link, globalization

Template tags

${} {{html}} {{if}} {{else}} {{tmpl}} {{wrap}}

Page 7: jQuery plugins - templates, data link, globalization

Demo

Page 8: jQuery plugins - templates, data link, globalization

jQuery Data Link

A .NET data binding at the client side One way and two way Conversion is supported

Page 9: jQuery plugins - templates, data link, globalization

API

.link( target, [ settings ] ) .unlink( target )

Page 10: jQuery plugins - templates, data link, globalization

Demo

Page 11: jQuery plugins - templates, data link, globalization

jQuery Globalization

Available soon…

Page 12: jQuery plugins - templates, data link, globalization

References

API DocumentationjQuery Templates API – http://api.jquery.com/category/plugins/templates/jQuery Data Link API – http://api.jquery.com/category/plugins/data-link/

DownloadjQuery Templates – http://github.com/jquery/jquery-tmpljQuery Datalink – http://github.com/jquery/jquery-datalinkjQuery Globalization – http://github.com/jquery/jquery-global

DemoGitHub – http://github.com/hotrannam/jquery-in-rails