问题标签 [bootstrap-table]

我在我的网站上运行 Bootstrap，并结合了一个名为Bootstrap Tables的引导插件。它请求将数据作为 JSON 文件交付。

我在让它工作时遇到了麻烦。我已经尝试了一整天，但没有结果。我还尝试了 Google 和其他代码示例。

我的 JSON 文件看起来像

我的测试页面如下所示：

现在，您可以通过可排序的标题看到，Bootstrap Table javascript 处于活动状态。

我还检查了 JSON 文件，虽然是我自己制作的，但它们似乎是有效的。然而，系统似乎没有处理数据。我如何确定他们的 json 文件是正确的？我检查了开发人员工具，没有看到错误。

有谁知道可能出了什么问题？

编辑：下面的解决方案

我想在bootstrap-table中添加一个列的链接。这个怎么做？

我正在使用引导程序绘制表格，并且我需要搜索和过滤功能。但是添加过滤功能后搜索功能无法使用。当我删除“”行时，搜索功能起作用，但过滤功能消失，如何使用这两个功能？这是代码：

我试图让我的数据显示到一个能够显示选定列的表中。我认为 twitter-bootstrap 可以满足我的需要，但它没有太多的文档或完整的代码示例，我可以很容易地遵循 Rails / JSON 的更新。

http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html

我可以使用 /weights.json 访问我的 JSON 数据，它显示如下：

需要注意的一件事是，我的 JSON 看起来并不漂亮。它是一行一行的，难以阅读。当您在控制器中使用 format.json 时应该这样做吗？还是应该像上面那样是多行的？

我的桌子：

此时的文档只是让它听起来像它会起作用？不需要其他信息？我没有正确调用 data-url 吗？我需要使用完整的 URL 吗？

我将如何通过 JS 调用实现这一点并实现 showColumns 和 showToggle 选项？

谢谢！

更新

好吧..我有这个工作！但是，当我加载索引页面/操作时。它第一次没有加载表格。有什么想法吗？我必须刷新页面才能让表格加载带有 JSON 数据的表格。下面我将发布我的所有代码。

我现在被困在如何编辑或删除条目上？我起初将 <% link_to %> 放在 .JS 文件中。但是在考虑之后.. 这在 JS 中不起作用。

那么如何通过我的按钮发送编辑或删除？

（仅供参考，我已经重新生成了我的脚手架，因此与顶帖相比有新的字段）

应用程序.js：

index.html.erb：

weight_trackers_controller.rb：

再说一次，我的问题是..我如何制作编辑/删除列的按钮，调用编辑方法/页面或删除选项。

更新 2

我有编辑和删除工作！请参阅下面的 application.js 代码：

这样做了.. 但是现在我需要让编辑打开一个模式。

我仍然有一个相当大的问题。该表不会在初始页面打开时加载。关于如何让它加载 JSon 数据而无需重新加载/F5 页面的任何想法？

我有 bootstrap-table 插件工作并且表格显示得很好。但是我试图有一个编辑按钮和一个删除按钮。我可以让编辑按钮工作。但是，我无法弄清楚如何通过我拥有的 JS 发送破坏。另外，我还有另一个问题。最初加载页面时，不会加载 JSON 表。我必须刷新页面才能获得完整的表格。有什么想法吗？

index.html.erb：

应用程序.js：

weight_tracker_controller.rb 销毁方法：

如何获得单击 .remove 以删除条目？并且在最初加载页面时自动加载 dtaa。

使用 Bootstrap Table 插件（http://bootstrap-table.wenzhixin.net.cn/documentation/）第一次加载表格时如何设置搜索字符串？

仅存在一个“数据搜索”属性来启用搜索输入，但这并不能对其进行评估。

我寻找了一个“数据搜索文本”属性，但我没有找到它。

我有这个引导表，我无法在其中填充我的数据，在 data-url 上我调用了我的控制器内部的一个函数，当我检查对象时我可以看到它正确加载但由于某种原因它没有填充表我错过了吗某事？

我在 1.6 版中使用 Bootstrap-table 插件。我想动态更改表格高度 - 可以吗？我不知道该怎么做...

工作小提琴 http://jsfiddle.net/e3nk137y/558/

我使用引导表来展示我的数据。我通过服务器使用 dataSide 分页。有我的表头 HTML 代码

我向我的服务器发送 AJAX 请求，其中包含有关分页、排序等的信息。它可以工作。服务器返回带有数据的响应（仅包含可见记录）和有关所有行数量的信息。

ajax成功后有我的JS代码。我设置了总行数，但引导程序从表头获取值（在更改之前，例如我从服务器 totalRows = 7 获取，但引导程序使用数据总计行等于 50）

我错了什么？我找不到任何有好例子的教程。

我正在使用BootstrapTable插件。我想动态添加和删除一些行。我的问题是，每次添加新行时，在输入中键入一些字符，然后删除一些行，所有数据都会丢失。我做错了什么？底部的示例和小提琴

http://jsfiddle.net/71na5kne/

HTML 表格

Javascript