1. Advanced JsRender Templating Features
drake
1 2012/05/18

2. Agenda
 External Templates
 View Paths
 Expressions
 Registering Custom Tags
 Converters
 Helper Functions and Template Parameters
 Helper Functions for Unique Scenarios
 Which to Use?
 Allow code
2 2012/05/18

3. External Templates
 Code reuse is one of the big advantages of using
templates
 Templates that should accessible from multiple
pages
 It’s easy to use
3 2012/05/18

4. Suggest Convention
 External templates is to prefix the file name with an
underscore
 Suffix all template files with .tmpl.html
4 2012/05/18

5. Code for Rendering an External Template
5 2012/05/18

6. Example
6 2012/05/18

7. View Paths
7 2012/05/18

8. Example
8 2012/05/18

9. Expressions
9 2012/05/18

10. Registering Custom Tags
 JsRender offers several powerful extensibility points
such as
A. custom tags
B. converters
C. helper functions and template parameters
 The syntax for calling each of these is shown here
a {{myTag name}}
a {{myConverter:name}}
a {{:~myHelper(name)}}
{{:~myParameter}}
10 2012/05/18

11. Custom tags
11 2012/05/18

12. Converters
12 2012/05/18

13. Helper Functions and Template
Parameters
13 2012/05/18

14. Helper Functions for Unique Scenarios
14 2012/05/18

15. Which to Use?
15 2012/05/18

16. Allow code
 wrapping the code with a block prefixed with an
asterisk {{* }}
 setting allowCode to true
16 2012/05/18

17. Other solution
17 2012/05/18

18. Reference
 http://msdn.microsoft.com/en-us/magazine/hh975379.asp
18 2012/05/18