自定义jQuery数据表列搜索功能

时间:2012-05-07 06:14:41

标签: javascript jquery jsp datatable

我使用您可以找到的代码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控制器。这可能吗?请帮忙!

0 个答案:

没有答案
相关问题