2

ここにあるコードを使用して、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()アラートが表示されます。aoTeamIdしかし、データ テーブルにcustm パラメータを追加し、その値をデータ テーブルへのgetQuery入力に使用しているコントローラに渡したいと考えています。これは可能ですか？助けてください！

4

0 に答える 0