繁体   English   中英

jQuery数据表-Spring MVC

[英]Jquery Datatable - Spring MVC

这已经有效:

  • Spring MVC Controller,用于检索表的模型和数据。
  • 使用Jquery数据表在表中显示数据。

这是重要的控制器代码

@Controller
@SessionAttributes("mymodel")
public class MyController {
....
@ModelAttribute("mymodel") //The model is just for search criterias
public MyModell addModell() {
   ...
}

@RequestMapping(value = "/myStartPage", method = RequestMethod.GET)
public String myStartPage(Model model, HttpServletRequest request) {
....
}

@RequestMapping(value = "/dataTable", method = RequestMethod.GET, produces = "application/json")
public @ResponseBody String dataTable(HttpServletRequest  request, @ModelAttribute("mymodel") MyModell modell, BindingResult result) throws IOException {
.... //this code is called from the datatable via ajax
}

这是重要的JSP代码

<!-- Many Input Fields for Search Criteria -->
...
<div class="col-sm-2  col">
   Search-Criteria xyzNumber
</div>
<div class="col-sm-2 col3">
        <input type="text">
</div>
...

<!-- The datatable Code-->
var table = $('#myHtmlTable').DataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sort": "position",
        "bStateSave": false,
        "iDisplayLength": 10,
        "iDisplayStart": 0,
        "sAjaxSource": "dataTable",
        "sAjaxDataProp": "data",
        "orderClasses": false,
      ...

如果显示页面,则显示表格。 现在用户应该在输入字段中输入数据,然后我要刷新表。 但是,如何从输入字段获取数据到我的dataTable方法。 我想将所有输入数据传输到我的dataTable方法。

据我了解,您使用此数据表: datatables.net

刷新 (重绘)dataTables 而无需重新加载页面,您只需要:

table.clear().draw();
table.rows.add(data); // Add new data
table.columns.adjust().draw(); // Redraw the DataTable

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM