Skip to content

Instantly share code, notes, and snippets.

@nelstrom

nelstrom/index.html

Created October 19, 2010 10:11
Show Gist options
  • Save nelstrom/633960 to your computer and use it in GitHub Desktop.
Save nelstrom/633960 to your computer and use it in GitHub Desktop.
Download ZIP
Creating an XTemplate from the innerHTML of a <textarea> element.
Raw
index.html
<!DOCTYPE html>
<html>
<head>...[load sencha js/css etc.]...</head>
<body>
<textarea id="kids-list" class="x-hidden-display">
<p>Kids:</p>
<tpl for=".">
<p>{#}. {name}</p>
</tpl>
</textarea>
</body>
</html>
Raw
index.js
Ext.setup({
onReady: function() {
var data = [{
name: 'Joshua',
age:3
},{
name: 'Matthew',
age:2
},{
name: 'Solomon',
age:0
}
];
var content = new Ext.Panel({
tpl: Ext.XTemplate.from(Ext.get("kids-list"))
});
new Ext.Panel({
fullscreen: true,
items: [content]
});
content.update(data);
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment