你可以看到额外的DataTable插件的完整列表。所有这些插件都是额外添加附加的DataTable,但你也可以使用功能强大的API自定义数据表行为。有几个提到的插件增强平原表的一个例子如下图所示:
在这个例子中添加一组插件的公司名称的第一个字母,分区,行和列过滤部件,增加了过滤表上方的下拉菜单。在上图中,公司过滤伦敦镇。添加这些插件很简单 - 你只需要修改初始化呼叫,如果需要添加一些参数,如下面的示例所示:
$(document).ready(function () { $(\
\ \
\ })
.rowGrouping({sGroupBy: \});
如果你有一个合理数量的记录表中,你不需要担心这些功能。只呈现一个普通的表,并应用插件,你需要一些组合。
但是,如果你有很多的记录,表中所示,你想避免复杂的JavaScript在浏览器中处理,你可以实现处理逻辑在服务器端(例如,在一些servlet),设置的DataTable查询服务器通过AJAX调用,以便采取应显示的信息。这种模式是在下面的部分描述.
完全Ajax化的表-服务器端处理模式
与jQuery开发的DataTable插件,它是通过配置数据表,以获取所需的数据查询服务器通过AJAX调用,可以实现客户端 - 服务器交互。在这种情况下,该插件将保持客户端的UI状态,处理所有的事件,但它不会处理数据。与其这样,它会调用服务器端的页面,后期的当前状态信息和所需的数据,来自服务器的响应,并刷新表格内容。
在数据表的网站上,有服务器端配置插件的jQuery的DataTable发送到一个PHP页面的请求,并得到在当前视图中显示的数据,应是一个例子。服务器响应格式化为一个JSON对象,在客户端解析,并显示在表体。
在这种情况下,每个事件(改变应显示每页项目的数量,输入关键字搜索过滤器,排序,按下按钮,分页等)触发的DataTables插件来发送当前页面的信息,搜索过滤和排序列的服务器页面。所示的请求,服务器页面返回JSON作为一个结果和数据表显示当前表页时,使用该数据阵列。在这种模式下,一次完整的页面,而不是多个较小的请求被发送时,新的信息是必需的,和从服务器返回的数据量最小。数据表,在这个例子中,呼叫/ CompanyAjaxDataSource URL,并发送关于用户操作的信息。服务器端的配置了jQuery的DataTable插件可以在这里找到完整的例子。服务器端模式的一个主要问题是执行服务器端的逻辑,接受从客户端组件的参数,执行行动,并返回数据如预期。
中的AJAX模式下,只有最小量的数据被提供给该插件使用JSON。该插件将Ajax请求发送到服务器认为的当前状态信息(当前页面过滤标准,页码等)。服务器接受AJAX调用,并决定什么样的信息应该显示在客户端上,并返回一个JSON响应返回给插件。请注意,在这种情况下,处理必须在服务器端实现。 AJAX模式,没有相关的信息中生成的视图页面,因此它甚至可以是一个静态HTML页面。在这个例子中使用的HTML页面的一个例子显示在下面的列表:
source implemented in Java web application
rel=\
type=\
Company name | Address | Town |
---|