<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
var myTpl = new Ext.Template(
'<div style="background-color: {color}; margin: 10;">',
'<b> Name :</b> {name}<br />',
'<b> Age :</b> {age}<br />',
'<b> DOB :</b> {dob}<br />',
'</div>'
);
myTpl.compile();
var doTplAppend = function(obj) {
myTpl.append(document.body, obj);
}
doTplAppend({
color : "red",
name : 'Name',
age : 20,
dob : '10/20/2009'
});
});
</script>
<div id='div1'>asdf</div>
</body>
</html>
|