问题标签 [angular-datatables]

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 回答
3204 浏览

javascript - 如何组合数据并在角度数据表中显示图像

我正在使用角度数据表来创建表格,以下是我的工作 plnkr - http://plnkr.co/edit/pQ0TrNEjzyXmvFcIvkSr?p=preview

在这里,我想将两列数据合并为一个,即将地址 1 和地址 2 显示为地址,例如 - addr1 - addr2 以及 (2) 在表格列而不是链接中显示图像。

我试过了 -

DTColumnBuilder.newColumn('addr1' - 'addr2').withTitle('Address 1'),DTColumnBuilder.newColumn('addr1 - addr2')没有运气(抛出错误)

请帮我解决一下这个。谢谢。

我的脚本 -

0 投票
2 回答
71 浏览

javascript - 无法在函数Javascript中传递对象

以下是我的 plnkr,它工作正常如果我没有将任何参数传递给我的open1方法,但我需要在$scope.open1方法中传递一个对象但它会抛出错误。

让我知道我做错了什么。

Plnkr - http://plnkr.co/edit/dzYfy1qtmBD3ng804nXR?p=preview

我面临问题的代码 -

我通过这种方法提醒数据 -

编辑 -

数据需要在图像点击时传递。

0 投票
2 回答
74 浏览

javascript - 为什么我需要使用超时?

我正在使用 AngularJS 和 angular-datatable 库。我需要在单击行时调用模态。这是我的部分代码:

console.log 函数在任何情况下都可以正常工作,但调用模态函数只有在超时时才能按预期工作。那么有人可以解释为什么会这样吗?为什么只有第一个功能有效?我将不胜感激任何解释。

0 投票
1 回答
1325 浏览

javascript - $scope 更改后数据表无法正确刷新

嗨,我对 Angular 和 Datatables 有疑问。我有一个项目表,当 socket.io 事件出现时,我更改了 $scope。问题是,数据表更改了 $scope,但它保留了前十项。例如,我有 20 个项目,然后我删除一个,然后 socket.io 事件回来告诉。$scope 刷新,但数据表现在有 29 个项目(20 - 1 个新项目 + 10 个旧项目)。

这是我的代码,也许有人有解决方案。

顺便提一句。对不起我的英语不好,希望你能理解我的问题。

HTML

和我的控制器的一部分

ws 是 socket.io 服务。所以我得到数据但刷新数据表不能正常工作。

删除前

删除前

删除后

在此处输入图像描述

谢谢你的帮助

编辑

我忘了说。我的 socket.io 服务在更改后应用 $scope...

所以我用一个普通的列表对其进行了测试,这个列表进行了更新。数据表更新为但保留前十个元素,我不知道为什么。

0 投票
2 回答
1152 浏览

javascript - angular datatables ng-repeat doesn't work

I'm using angular-datatables but when I'm using ng-repeat, the functions of datatables doesn't work (sort, search, count, etc)

HTML:

JavaScript:

I tried adding ng to datatable="" but this just give me an console error

TypeError: Cannot read property 'serverSide' of undefined at Object.f [as fromOptions] (angular-datatables.min.js:6)

0 投票
2 回答
6247 浏览

angularjs - $elem.hide 不是角度数据表中的函数

我想使用分页插件 angular-datatable 。我用凉亭安装了它,但它不起作用。它给出了以下错误

TypeError: $elem.hide is not a function at Object.showLoading ( http://localhost:8000/vendor/angular-datatables.js:698:15 ) at postLink ( http://localhost:8000/vendor/angular- datatables.js:47:31 ) 在http://localhost:8000/vendor/angular.js:8783:44 在 invokeLinkFn ( http://localhost:8000/vendor/angular.js:8789:9 ) 在 nodeLinkFn ( http://localhost:8000/vendor/angular.js:8289:11)在compositeLinkFn(http://localhost:8000/vendor/angular.js:7680:13)在compositeLinkFn(http://localhost:8000/ vendor/angular.js:7684:13 ) 在compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13)在compositeLinkFn(http://localhost:8000/vendor/angular.js:7684:13)在compositeLinkFn(http://localhost:8000/供应商/angular.js:7684:13 )

我使用零配置,这是我使用的 html 代码

0 投票
0 回答
1505 浏览

angularjs - 使用角度数据表将隐藏表正确切换为可见?

我有两张桌子,一张显示,另一张隐藏:

我有一个控制表可见性的开关,当单击按钮 A 时,会显示表 A,而表 B 会被隐藏,反之亦然。

我面临的问题是,当表 B 显示时,表头没有正确展开。这是已知的,并且在此处的 DataTables 文档中得到了很好的解释。

下面是问题的截图: 标题崩溃问题

所以我这样使用columns.adjust()

在视图模板中:

在视图控制器中:

我面临的问题是表 B 在setDisplayed被调用时仍然隐藏,并且标题保持“未扩展”。

有没有一种干净的方法来解决这个问题?

我想到的一种解决方案是侦听表格display样式属性的更改并调用colums.adjust()事件处理程序。但这需要更改指令链接属性。

0 投票
1 回答
1004 浏览

ajax - Angular Datatables 使用源对象

使用 Angular Datatables,我想用 Ajax 预加载一个 JSON 对象,这样我就可以在其他地方重用该对象,而无需执行另一个 ajax 请求。但是如何将此对象加载到数据表中?

0 投票
2 回答
1452 浏览

angularjs - 在 Promise 中分配 $scope 变量,然后为角度数据表指令分配方法?

我不确定问题是什么,但似乎 datatables 指令在我的 $scope 定义之前被初始化。更重要的是,变量似乎被设置了两次。

我有一个userService从我的服务器检索列定义和数据的。该getUserList()方法返回一个承诺。我使用 then() 方法来设置将由 datatables 指令使用的 $scope 变量。似乎该指令在请求完成之前请求变量。此外,变量似乎设置了两次,因为在 Chrome 的开发控制台中,我看到了两次“测试”日志。

如果我使用静态数据(不是来自服务器)并将 $scope 变量放在getUserList()承诺之外,它可以正常工作。

这就是我设置数据表指令的方式:

0 投票
1 回答
2136 浏览

jquery - 可拖出表格的角度数据表列

是否可以避免列,而不是拖出数据表视图区域,因为您可以自己弄清楚,我在此链接中所说的内容 https://l-lin.github.io/angular-datatables /#/withColReorder

在此处输入图像描述 当您尝试将列拖离数据表很远时。我在官方组件站点 https://github.com/l-lin/angular-datatables/issues/496中提出了这个问题

(以防万一提出的问题,更好地解释我在说什么)