jquery - 如何在我的grails应用程序中实现jquery-datatables:1.7.5插件

Question

我想在我的grails应用程序中使用org.grails.plugins:jquery-datatables:1.7.5。

作为一个初学者，我在BuildConfig.groovy中添加了以下几行

  compile "org.grails.plugins:jquery-datatables:1.7.5"
  compile "org.grails.plugins:jquery-ui:1.10.4"

在Config.groovy中

grails.plugin.datatables.jQueryUI = true
grails.plugin.springsecurity.controllerAnnotations.staticRules = 
[ 
'/dataTables/getData/**':     ['permitAll'],
'/dataTables/getReport/**':   ['permitAll']
]

在main.gsp中

  <g:javascript library="jquery" plugin="jquery" />
  <r:require module="jquery-ui"/>
  <g:javascript library="application" />

现在如何在指定的GSP中实现此数据表？

Answer 1

grails插件仅提供必要的.js文件。
您应该通过标记将它们嵌入html dom(例如，布局gsp的head标记内)

<jqDT:resources/>

或者，如果要使用 Assets 管道，请在application.css / .js中放置必要的require语句

一旦包含了.js文件，就可以通过javascript创建数据表，就像您手动添加lib一样:

<table id="myTable">
  <thead>
    ...
  </thead>
  <tbody>
    ...
  </tbody>
</table>
<script type="text/javascript">
  $(document).ready(function() {
    $('#myTable').DataTable();
  });
</script>

只是看看https://datatables.net以获得大量的文档和示例