我使用您可以找到的代码here在J-Query数据表上创建了自定义标头。 我想在选择下拉框中的特定项目时向数据表添加自定义参数。
以下是我的代码:
$(function() {
var oTable = $('#reqAllQueriesTable')
.dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "query/getQuery",
"bFilter": true,
"bJQueryUI": true,
"sSearch": "Search",
"sDom": '<"H"<"projectTeamTools">lrft>'
});
$("div.projectTeamTools").html('Organize by Project Teams: <select id="projectTeams"><option value="1">Project Team</option><c:forEach var="projectTeam" items="${userProjectTeams}"><option value="${projectTeam.projectId}" onClick="javascript:onTeamSelect(this.value)">${projectTeam.projectName}</option></c:forEach></select>');
});
function onTeamSelect(teamId) {
alert(teamId + " Selected");
oTable.aoServerParams.push({
name: "aoTeamId",
value: teamId
}); //This line does not work.
}
<link href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<table id="reqAllQueriesTable"></table>
正确调用onTeamSelect()
函数并显示警报。但我想将custm参数aoTeamId
添加到数据表中,并将值传递给我用来填充数据表的getQuery
控制器。这可能吗?请帮忙!