一开始把所有的内容放到一个模板里面,结果<script总是被转义,折腾了半天,终于想出了个办法,用模板吧JS和css、html等分开果然是药到病除
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output
method="html"
encoding="utf-8"
doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" omit-xml-declaration="yes" />
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<xsl:call-template name="yy"></xsl:call-template>
<xsl:call-template name="ss"></xsl:call-template>
</html>
</xsl:template>
<xsl:template name="ss">
<body>
<table id="myDataTable" class="display">
<thead>
<tr>
<th>
标识
</th>
<th>
公司名称
</th>
<th>
地址
</th>
<th>
城市
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<input type="button" id="btnTest" value="根据条件重新响应后台Ajax" />
</body>
</xsl:template>
<xsl:template name="yy">
<head>
<title>rrrrrrrrrrrrrrrrr</title>
<script type="text/javascript" src="../../Content/media/js/jquery.js"></script>
<script type="text/javascript" src="../../Content/media/js/dataTables.js"></script>
<link href="../../Content/media/css/demo_page.css" type="text/css" rel="stylesheet" />
<link href="../../Content/media/css/demo_table.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
var tbl;
$(function () {
tbl = $('#myDataTable').dataTable({
"bServerSide": true,
"sAjaxSource": "Home/AjaxHandler", //mvc后台ajax调用接口。
'bPaginate': true, //是否分页。
"bProcessing": true, //当datatable获取数据时候是否显示正在处理提示信息。
'bFilter': false, //是否使用内置的过滤功能。
'bLengthChange': true, //是否允许用户自定义每页显示条数。
'sPaginationType': 'full_numbers', //分页样式
"aoColumns": [
{ "sName": "ID",
"bSearchable": false,
"bSortable": false,
"fnRender": function (oObj) {
return '<a href="Details/' + oObj.aData[0] + '">View</a>';
} //自定义列的样式
},
{ "sName": "COMPANY_NAME" },
{ "sName": "ADDRESS" },
{ "sName": "TOWN" }
]
});
//Ajax重新load控件数据。(server端)
$("#btnTest").click(function () {
var oSettings = tbl.fnSettings();
oSettings.sAjaxSource = "Home/AjaxHandler";
alert(oSettings.sAjaxSource);
tbl.fnClearTable(0);
tbl.fnDraw();
});
});
</script>
</head>
</xsl:template>
</xsl:stylesheet>