來自數據表輸入的動態值url

Question

我有一個模態表單內的數據表，我需要在服務器端動態地加載它，我有一個輸入，我在那裏捕獲值並需要通過javascript發送它（或者與獲取它不同的其他方法從modelAttribute對象）加載表。

這是數據表，我需要存儲在#idCProp輸入

<table th:if="${entity.formulario == 'formPerson'}" class="table dataTable" dt:deferLoading="10" id="propDT" dt:reloadSelector="#reloadProponent" dt:table="true" dt:sortable="true" dt:displaylength="10" dt:dom='ftip' dt:url="@{/person/loadProponents/__${entity.id}__/ **VALUE FROM INPUT**}" dt:serverside="true"> 
<thead> 
    <tr> 
     <th dt:property="entity.id" dt:renderFunction="nameAndLastName">Persona</th> 
     <th dt:property="entity.id" dt:sortable="false" dt:renderFunction="getProposalPost">Cargo</th> 
     <th dt:property="entity.id" dt:sortable="false" dt:renderFunction="getProposalInstitution">Institución</th> 
     <th dt:property="sendMethod.name" dt:sortable="false">M&eacute;todo de env&iacute;o</th> 
     <th class="operations" dt:sortable="false" dt:property="id" dt:renderFunction="idToUrlProp"></th> 
    </tr> 
</thead> 
</table> 
<input type="hidden" id="idCProp"/> 

的價值，這是控制器方法

@RequestMapping(value = "/person/loadProponents/{idPerson}/{idCandidature}", method = RequestMethod.GET) 
    public @ResponseBody DatatablesResponse<Proposal> loadProponents(@PathVariable("idPerson") Long idPerson,@PathVariable("idCandidature") String idCandidature, 
      @DatatablesParams DatatablesCriterias criterias, HttpServletRequest request) { 
    //Do some stuff... 
} 

如何發送idCandidature變量？

Answer 1

我認爲使用dataTables API和request變量來做到這一點更好。

您的視圖代碼如下：

<form id="searchForm"> 
    <input type="hidden" id="idCProp"/> 
    <button class="btn btn-primary" type="button" 
     th:text="#{proposals.find}" 
     onclick="findProposals();"></button> 

</form> 
<table th:if="${entity.formulario == 'formPerson'}" class="table dataTable" dt:deferLoading="10" id="propDT" dt:reloadSelector="#reloadProponent" dt:table="true" dt:sortable="true" dt:displaylength="10" dt:dom='ftip' dt:url="@{/person/loadProponents/__${entity.id}__}" dt:serverside="true"> 
<thead> 
<tr> 
    <th dt:property="entity.id" dt:renderFunction="nameAndLastName">Persona</th> 
    <th dt:property="entity.id" dt:sortable="false" dt:renderFunction="getProposalPost">Cargo</th> 
    <th dt:property="entity.id" dt:sortable="false" dt:renderFunction="getProposalInstitution">Institución</th> 
    <th dt:property="sendMethod.name" dt:sortable="false">M&eacute;todo de env&iacute;o</th> 
    <th class="operations" dt:sortable="false" dt:property="id" dt:renderFunction="idToUrlProp"></th> 
</tr> 
</thead> 
</table> 


<script th:inline="javascript"> 
    function findProposals() { 
     oTable_propDT.columns(2).search($("#idCProp").val()); 
     ... // more parameters if you need 
     oTable_propDT.columns(n).search($("#yoursearchparameterfrominput").val()); 
     oTable_propDT.draw(); 
    } 
</script> 

在你的控制器，你已經擁有你需要的一切：

@RequestMapping(value = "/person/loadProponents/{idPerson}", method = RequestMethod.GET) 
public @ResponseBody DatatablesResponse<Proposal> loadProponents(@PathVariable("idPerson") Long idPerson, HttpServletRequest request) { 
    DatatablesCriterias criterias = DatatablesCriterias.getFromRequest(request); 
    DataSet<Proposal> dataset = proposalService.getProposalsDataset(criterias); 
    return DatatablesResponse.build(dataset, criterias); 
} 

最後，你只需要編寫proposalService#getProposalsDataset(DatatablesCriterias criterias)方法建立Dataset，我認爲這是什麼特別。