问题标签 [footable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1017 浏览

asp.net - 将 FooTable 插件与 ASP.NET DataGrid 一起使用

我目前正在为我工​​作的公司重新设计一个应用程序。所有数据都通过 DataGrid 显示,这很好,除非我尝试合并一个名为“Footable”的 JQuery 库,以便在较小的设备上使所有网格崩溃,如此所述。在本教程中,它使用 GridView。我做了演示,效果很好,这正是我想要的,但我在使用 DataGrid 做同样的事情时遇到了麻烦。我的第一个想法是将我的 DataGrid 切换为 Gridview 并像在演示中那样实现它,但是我必须重新连接后面代码中的所有内容,这很庞大,而且会非常耗费人力。所以我想知道是否可以使用 DataGrid 而不是 GridView 来实现 FooTable JQuery 插件

后面的代码中只有几行实际触发了 JQuery,但它似乎不适用于 DataGrid。以下是演示对 GridView 所做的事情(在 C# 中):

这是我通过数据网格(在 VB.NET 中)进行的尝试,但没有成功:

从我一直在阅读的内容来看,GridView 基本上是一个带有额外属性的超级 DataGrid,所以我怀疑我是否真的可以用 DataGrid 实现 FooTable 插件。任何帮助都会很棒,我不指望任何人能通过这件事牵着我的手,只是朝着正确的方向前进。

0 投票
2 回答
889 浏览

php - 在yii2的footable中追加动态数据

我想将数据库中的动态数据附加到footable中。但是当我在 ajax 的 url 中提供控制器时出现 404 错误。

这是我的所有帖子视图

这是我的后控制器功能:

这是后模型

当我的索引方法被调用时,它给了我 404 Not Found 错误

如何获取数据变量中的数据?

0 投票
0 回答
128 浏览

javascript - 与 Footable 紧凑视图一起使用时 X-editable 出现问题

我希望有人可以提供帮助。我遇到了一个问题,即我在一个可编辑的可编辑链接上的可编辑链接在桌面浏览器上使用时有效,但在移动设备上无效。这可以通过简单地减小浏览器的宽度来复制,因为 footable 隐藏列并提供向下扩展以查看隐藏列的选项。

我在这里创建了一个 JSFiddle:fiddle

具体来说,问题是即使链接存在于展开的紧凑视图中,点击次数也不会呈现链接的 x 可编辑输入。奇怪的是,当我在自己的服务器上遇到此问题时,当您返回全角浏览时,可以看到 x-editable 输入框的多个实例,但我无法在小提琴中复制此行为。

如果您需要任何澄清,请告诉我!

提前致谢。

这是代码:

0 投票
1 回答
557 浏览

jquery - 获取 FooTable 的当前扩展行选择器

我正在使用 FooTable 来显示表格并喜欢对象的响应功能。在我的表格中,我有一些字段/单元格是空白的,并且希望在展开 FooTable 行时隐藏这些字段/单元格。现在它显示标签,然后在它旁边显示一个空白元素。我想隐藏那些空白的元素,我想我想在 FooTable 事件“footable_row_detail_updating”中做到这一点,我认为我需要语法或方法来获取当前选定的行。

我将如何将 jQuery 选择器添加到 FooTable 中的当前扩展行,或者我是否忽略了一些可能更容易的东西。

0 投票
1 回答
1959 浏览

css - 我可以使用 CSS Flexbox 删除列吗?

当可用空间很小时,CSS flexbox 是否会以某种方式删除列(flex 项)——类似于 FooTable 提供的功能?

0 投票
1 回答
547 浏览

javascript - Footables 列排序是重复表中的行,为什么?

我正在向表中添加脚注,但表中的每一行都必须有一个 tbody。这是因为我正在向以这种方式生成 html 的现有系统添加合适的排序和过滤。

每次您尝试按列标题对表格进行排序时,似乎都会导致列排序重复​​表格行,我不明白为什么。

表结构有点像这样:

javascript:

我还设置了一个工作 jsfiddle 来演示该问题:https ://jsfiddle.net/35ht6kup/9/

有人知道如何解决这个问题吗?

0 投票
0 回答
223 浏览

javascript - 脚注没有在所有列上排序,怎么了?

我已将 footables 应用于包含 td 的表,其中包含输入字段。我在 td 上使用 data-value 属性,所以它应该对它们进行排序,但不是。发生的事情是它按某些行(例如品牌名称和状态)进行排序,但即使设置了 data-value 属性,也不会按其他行排序。

我创建了一个 jsfiddle:http: //jsfiddle.net/owLbhbbd/15/

看起来输入是空的,但数据值是在 td 上设置的,所以应该排序。

这里有太多的html要过去。

0 投票
1 回答
379 浏览

ruby-on-rails - FooTable 在 ruby​​ on rails 项目中不起作用

我正在尝试在 ruby​​ on rails 项目中使用 FooTable(我以前从未使用过 FooTable),但我无法使其工作。

我已经插入gem 'footable-on-rails'了我的 gemfile(并运行了 bundle install)

我已经插入footable.js和插入app/vendor/assets/javascriptapp/assets/javascript哪个是最好/正确的位置?)

我已经插入并且也插入footable.core.cssapp/vendor/assets/stylesheetapp/assets/stylesheet

我创建了这个文件,名为footable_init.js

我还将application.js文件更改为:

和我的application.css

注意我也在使用引导程序。

最后我的观点是这样的:

但是当我通过手机或平板电脑分辨率时,我看到了这两列。我错过了什么?

我认为将 FooTable 包含在我的 rails 项目中会很容易,但这花了我太多时间。预先感谢。

0 投票
1 回答
565 浏览

javascript - FooTable 版本 3,添加链接

我正在从 Footable 的第 2 版迁移到第 3 版。在第 2 版中,您可以通过使用类似...的内容添加超链接(会被捕获

但是,在版本 3 中,链接无法触发 - 几乎就像它不存在一样。

任何建议/帮助表示赞赏。

0 投票
1 回答
260 浏览

ruby-on-rails - 在 Ruby on Rails 4 中使用 footable

如何在 Ruby on Rails 4 中包含 footable?在我的 Gemfile 中,我添加了之后gem 'foo_table-rails' 我做了一个bundle install

在我的 application.js 我写道://= require footable.core 在 application.scss 我写道://= require footable.core

我什至尝试过*= require footable-rails,但不幸的是它不起作用。

我的 application.scss 如下图所示:

PS:我已经安装了引导程序,并且一直在使用它的模板。