9. JS Bin

在使用 DataTables 时,通常在简单的测试环境中尝试代码以评估特定功能或可能定位现有代码中的问题非常有用。为了使构建简单测试用例的过程尽可能容易,我们拥有 JS Bin 的自定义安装,它具有针对 DataTables 的特定自定义功能。

JS Bin 是一个 web 应用程序,它允许输入 Javascript、HTML 和 CSS,然后在浏览器中运行。您可以保存 Bins 与他人共享。它是一个由 Remy SharpLeft Logic 和其他人开发的 开源程序,我们非常感谢他们为我们提供了这款很棒的工具!

JS Bin 对 DataTables 特别有用,因为

  • 论坛 中提交问题,以提供一个测试用例来显示问题。
  • 当我用运行的代码片段回答问题时
  • 只需尝试特定的选项或 API 方法。

使用 JS Bin

实际上使用 JS Bin 非常简单;只需在浏览器中加载 http://live.datatables.net 然后根据需要开始自定义 HTML / Javascript / CSS。浏览器窗口顶部的按钮允许您选择显示哪些代码,以及查看最终输出的选项。

要共享创建的 Bin,请点击浏览器窗口顶部的“共享”菜单,并复制显示的 URL。将该 URL 添加到您的论坛帖子、电子邮件或其他方式共享,其他开发人员将能够查看您的示例。

库/扩展

为 DataTables JS Bin 进行的自定义功能之一是提供直接包含 DataTables 核心文件及其 扩展 的功能。要使用特定版本的 DataTables 或其他扩展,只需选择浏览器顶部的“添加库”菜单,所需代码就会添加到文档中。

如果您正在寻找特定版本的 DataTables 或在“添加库”菜单中没有显示的扩展,则可以在 DataTables CDN 上找到代码,并从那里包含。

Ajax 加载的数据

在使用 DataTables JS Bin 时,通常拥有 Ajax 数据可用以操作非常有用,在 Ajax服务器端处理 示例中使用的所有 Ajax 数据都可用于构建测试用例。

Ajax

DataTables Ajax 示例 中使用的 Ajax 数据可以从 /ajax/examples/ajax/data 包含(前者只是后者的别名)。可用于包含的文件有

  • arrays.txt - 数组的数组数据源 (示例)
  • objects.txt - 对象的数组数据源 (示例)
  • orthogonal.txt - 带有正交数据的对象的数组 (示例)

服务器端处理

服务器端处理示例 中使用的脚本可以从 /ssp/examples/server_side/scripts 包含(前者只是后者的别名)。可用的脚本包括

  • server_processing.php - 数组的数组数据源 (示例)
  • objects.php - 对象的数组数据源 (示例)

注册

JS Bin 提供了使用 GitHub 帐户 注册以登录的功能。这提供了查看已保存的 Bins 以供以后检索的功能。

DataTables JS Bin 目前不与您的 DataTables 帐户交互。