// t.appendTo(“#Table1>tbody”);
// $(“#Table1>tbody table”).hide();
// $(“#Table1 .detailsImg”).live(“click”, function() {
// var state = $(this).data(“state”);
// var $tr = $(this).parent().parent();
// if (state == “o”) {
// $(“table”, $tr.next()).hide();
// $(this).data(“state”, “c”);
// $(this).attr(“src”, “Image/folder_o.png”);
// } else {
// $(“table”, $tr.next()).show();
// $(this).data(“state”, “o”);
// $(this).attr(“src”, “Image/folder_c.png”);
// }
// });
// });
// });
var data = new Array();
for (var i = 0; i < 19; i++) {
data.push(
{
Name: String.format(“学生{0}”, i),
Sex: i % 2 == 0 ? “男” : “女”,
ID: i,
Class:
[
{
ClassName: String.format(“Class{0}”, i),
Count: (i + 10) / 2
},
{
ClassName: String.format(“Class2{0}”, i),
Count: (i + 20) / 2
}
]
});
}
$(“#btntest”).bind(“click”, function() {
$.Tmpl({ url: “TmplTemplate.htm”, data: “test=1” }, { remote:false,templateData:data }, function(t, te, da) {
t.appendTo(“#Table1>tbody”);
$(“#Table1>tbody table”).hide();
$(“#Table1 .detailsImg”).live(“click”, function() {
var state = $(this).data(“state”);
var $tr = $(this).parent().parent();
if (state == “o”) {
$(“table”, $tr.next()).hide();
$(this).data(“state”, “c”);
$(this).attr(“src”, “Image/folder_o.png”);
} else {
$(“table”, $tr.next()).show();
$(this).data(“state”, “o”);
$(this).attr(“src”, “Image/folder_c.png”);
}
});
});
});
})
</script>
</head>
<body>
<form id=”form1″ runat=”server”>
<div id=”div1″>
<table style=”margin-top: 10; margin-left: 300px;” border=”1″ cellpadding=”0″ cellspacing=”0″
id=”test” width=”500″>
<thead>
<tr style=”text-align: center; font-size: larger; font-weight: bolder;”>
<td>
ID
</td>
<td>
姓名
</td>
<td>
性别
</td>
<td>
操作
</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
<hr />
<p>
测试缓存系统（url）</p>
<input type=”button” id=”btntest” value=”testcache” />
<table style=”margin-top: 10; margin-left: 300px;” border=”1″ cellpadding=”0″ cellspacing=”0″
