1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
5 <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
7 <script type="text/javascript" src="../../roojs-all.js"></script>
8 <script type="text/javascript" src="../../Roo/DomTemplate.js"></script>
11 <script id="javascript-code" type="text/javascript">
12 tpl = new Roo.DomTemplate({
13 url : 'domtemplate_snippet.html'
15 Roo.onReady((function() {
17 var html = Roo.get('body').dom.innerHTML;
18 Roo.get('body').dom.innerHTML = '';
21 // nice and global to test with..
26 ontable : 'mtrack_ticket',
27 changedate : new Date() ,
29 person_id_name : 'test',
30 object_summary : 'summary'
33 ontable : 'mtrack_repos',
34 changedate : new Date()
37 Roo.each(data, function(r) {
38 // loops through data and appends rows..
40 tpl.append(Roo.get('body'), r);
43 Roo.get('template-show').update(Roo.util.Format.htmlEncode(tpl.html));
44 Roo.get('javascript-show').update(Roo.util.Format.htmlEncode(
45 Roo.get('javascript-code').dom.innerHTML
56 <H1>Dom Template example</H1>
63 <h3>Javascript code</h3>
64 <PRE id="javascript-show"></PRE>
65 <h3>Template code</h3>
67 <PRE id="template-show"></PRE>