问题标签 [ng2-smart-table]

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

angular - angular2 智能表不工作

angular2 智能表未显示该表。我已经按照链接git hub

app.module.ts

request.component.ts

request.component.html

每当我运行应用程序时,它只显示第一个加载页面。 在此处输入图像描述 所有帮助将不胜感激。

更新:我已经删除了声明和引导程序中使用的 Ng2SmartTableModule 它用于测试。请查看控制台日志和错误 main.js 文件。 在此处输入图像描述

加载http://localhost:53869/app/main.js 时出错

0 投票
1 回答
1779 浏览

angular - 使用范围 n2-smart-table 过滤

我正在使用 Angular 2 组件 ng2-smart-table 并且正在寻找一种按范围过滤记录的方法,例如,如果我有一个年龄列,我希望它像“>90 或 <90”一样被过滤,而不是“像'90'”。我环顾各种论坛,但找不到这样的方法。

0 投票
1 回答
1041 浏览

angular - 使用智能表更改页面后如何保持选择?

我正在使用 smart-table (1) 来允许用户从不同的页面中选择记录,这些记录显示在预览 div 中。

当前的问题是,当我从第一页选择一些记录,导航到秒,然后导航回第一页时,第一页中的选择不反映之前的选择。

如果将当前选择保存在名为 operatorSelection (2) 的地图中,我的第一次尝试是在 onChangedSource 事件 (3) 之后再次选择行,但即使在调用 multipleSelectRow() 之后,getSelectedRows() 也不会返回预期的行。

页面更改后还有其他方法可以保留选择吗?或其他方式从代码中选择行?

以下是代码片段:

(1) 注释html

<div class="col-lg-6"> <ng2-smart-table #grid [settings]="settings" [source]="source" (userRowSelect)="onUserRowSelect($event)"> </ng2-smart-table> </div>

(2) 行选择组件代码

(3)页面更改后我尝试更新选择的内容

0 投票
5 回答
10969 浏览

angular - ng2-smart-table 与后端分页(Spring)

我正在使用启用了 Pager 的后端服务器(Java Spring)。我在 HTTP 调用上每页加载 100 条记录。

在 angular2 服务上,它使用“?page=1&size=100”作为初始调用的 API 调用,而在客户端大小的寻呼机上,它显示 10 并移动到 10 页,这很好。但我无法从服务器加载下一块数据。我检查了 ServerDataSource 并使用了 .setPaging(1,100)。

如何加载下一个数据块(2-200)以及如何实现这一点。任何提示都会有所帮助。

谢谢!

0 投票
0 回答
794 浏览

angular - Angular 2 动态加载数据

我浏览了一下,看看是否有一种方法可以使用部分填充的对象来渲染我的组件。我正在打一个 api,它返回 1000 条记录,我想知道是否有一种方法可以在返回数据时加载包含数据的表,而不是在所有数据返回时等待它被渲染。

我选择这样的解决方案的原因是因为我无法为 ng2-smart-table 找到适当的分页和过滤示例,其中部分数据是从服务器加载的。

我在这里先向您的帮助表示感谢。

0 投票
1 回答
1247 浏览

ng2-smart-table - 如何在行单击时将视图模式从视图更改为编辑?

当用户点击它时,我希望能够将一行切换到编辑模式

我曾尝试在 my.component.html 上使用事件userRowSelect

然后在 my.component.ts 中:

没有成功

0 投票
2 回答
3369 浏览

json - Table Angular 2 (ng2-smart-table)- 从 JSON 获取所有数据(对于 json 的每个级别)

首先我发布我的代码

服务.ts

表格组件.ts

和表格模板

JSON:

最后我得到以下结果:

在此处输入图像描述

如何查看 functionList 列中的数据?我的代码不能正常工作,它只保留第一级 json 数据。谢谢

0 投票
2 回答
4503 浏览

angular2-routing - Angular 2 ng2-smart-table 如何在外部设置表格模式

我使用这个插件在 angualar 2 中创建一个智能表:

https://akveo.github.io/ng2-smart-table/#/documentation

我需要自定义表格。

即)只有当用户单击“创建”链接时,才应该触发该事件,他们的文档说:

'create' 事件:点击创建按钮后触发。仅当表模式 = 外部时触发。

需要知道如何设置外部模式,因为我在他们的文档中找不到任何地方。

截至目前,我正在使用:

需要建议!

0 投票
1 回答
330 浏览

javascript - 平均堆栈:将产品展示到 ng 智能表中

我正在尝试使用 ng2-smart-table 插件显示产品数据。

我能够在浏览器日志中获取产品,但我需要显示相同的 onChange 下拉值。

\app\components\layout\blank-page\blank-page.component.html

应用程序\组件\布局\空白页\空白页.component.ts

应用\服务\product.service.ts

从下拉列表中选择一个值时,我会在浏览器中发布数据,我需要在我的 ng2-smart-table 中显示相同的数据

在此处输入图像描述

0 投票
3 回答
8090 浏览

node.js - Angular 2:使用服务器数据源将数据加载到我的 ng 智能表中

有人知道如何从 Angular2 的 ng2-smart 表插件加载服务器数据。

我从 Node API 检索到的产品数据很少,我能够在浏览器日志中显示相同的 onClick 事件。

我需要在下面的文档中提供的第 3 方插件表区域中显示相同的内容:

前端: https ://akveo.github.io/ng2-smart-table/#/examples/populate-from-server

“服务器数据源示例”下

代码: https ://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/server/advanced-example-server.component.ts

因此,我在我的代码中配置如下:

空白页.component.ts

我的 service.ts 文件所在的位置,它实际上在我的浏览器日志中显示了我需要在我的表数据中显示的产品数据

如果我在端点中使用我的项目 url,则会出错

错误:未捕获(承诺):错误:数据必须是数组。请检查通过键 '' 从服务器响应中提取的数据是否存在并且是数组。