问题标签 [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 投票
3 回答
4482 浏览

html - 使用来自 REST 服务的数据时,分页在智能表上不起作用

所以我得到了一个智能表,它从 REST 服务获取数据并显示它。当我尝试添加分页时,应用程序在 html 代码中显示错误,说分页所需的所有属性都不允许在那里。

这是我的表的实际代码:

0 投票
1 回答
581 浏览

angularjs - 清除表格行分页上的 css 类

我有一个带分页的智能表。我有一个控制器,将 css 类应用于选定的行。所以问题是它将选择保留在其他页面的索引上,所以我正在寻找一种在使用或单击分页时清除类的方法。

这是表格:

这是与选择相关的代码:

和 css 类:

0 投票
1 回答
752 浏览

angularjs - 处理智能表中的格式化列和搜索功能

有人可以帮我搜索格式化的列吗?使用全局搜索,在智能表示例(以及我的代码)中,如果我格式化某个列(例如货币过滤器),原始值为 102,我在列上显示 $102.00,用户输入 102.00,搜索功能找不到这个值,因为原始值是 102,而不是 102.00(带点和零),我该如何处理?谢谢

0 投票
1 回答
1048 浏览

javascript - Smart Table 未显示客户端分页

问题

数据异步加载并正确显示,但不出现分页。如果你能帮忙,谢谢。

HTML

JavaScript

替代尝试

...相同的结果。

0 投票
2 回答
257 浏览

javascript - 智能表未正确排序

我的列标题没有使用智能表正确排序。它们不是单独排序,而是一起排序。

这是javascript。

0 投票
1 回答
579 浏览

javascript - 从 ExpressJS 服务器读取数据以显示在 angular-smart-table 的管道/ajax 插件中

我想做什么? 我正在尝试通过开发一个简单的 Web 应用程序来学习 Javascript 和 MEAN 堆栈。在该应用程序中,我尝试在 Web 应用程序中使用 angular-smart-table 的“管道/ajax 插件”,其规格如下:客户端:AngularJS 服务器端:ExpressJS/NodeJS(使用 Yeoman 生成器“生成器创建” -角全栈“)

我面临的挑战:我在我的 Web 应用程序 的智能表文档中复制/粘贴了管道/ajax 插件示例。此示例具有要在客户端(工厂)的智能表中显示的值。我想将这些值移动到可通过 REST API 端点 $http.get('/api/smartTableServer') 访问的服务器控制器文件(plunker 中的 smartTableServer.controller.js)。

到目前为止,我在这方面取得了什么成就? 我能够成功地将服务器控制器文件中的数据读取到客户端工厂文件(smartTableClient.service.js)中。但是,当我将它存储在一个变量(randomsItems)中时,该变量的值是“未定义的”。我相信 http get 调用是稍后执行的,因此变量 randomsItems 仍然没有从服务器获取值。你能帮我解决这个问题吗?(ie) 从服务器控制器 JS 中获取 randomsItems 的值并将其显示在视图中。

Plunker 获取与此问题相关的文件:

http://plnkr.co/edit/jRdNXuVMrWaymLnxfPnE?p=catalogue

请注意: 我仍然不知道异步脚本是如何工作的,因此不知道延迟和承诺概念,我认为这是我面临上述问题的原因。我还在学习基础知识。请帮助。

0 投票
0 回答
860 浏览

javascript - 动态调整角度智能表的大小?

我正在做一个项目,我正在使用 Angular-Gridster 来拥有可移动的小部件。

其中一个小部件包含一个智能表。我想要完成的是在我调整它的大小时以及在页面的初始加载时让表格捕捉到小部件的大小。

我还想根据小部件框的边界动态确定页面上显示的行数。这个我有一个如何完成的想法。这是我以前遇到的困难。

对于小部件的图表和其他东西,我使用了类似的东西

这让我得到了我的表所在的 gridster 容器。我也知道要使用的 gridster-item-resized 事件。

但是我如何使用这些来动态调整我的表格大小。与像 Highcharts 这样的图表库不同,属性上没有应用监视。

关于如何解决这个问题的任何想法?

0 投票
1 回答
407 浏览

angularjs - 使用 AngularJS 清除绑定的 SmartTable 文本框

我将 SmartTable 与我的 Angular 1.2.x 应用程序一起使用。具体来说,我遵循谓词列表驱动搜索过程的模式。项目网站上给出了一个具体的例子。

您可以从示例中看到,当您选择一个谓词并执行搜索,然后在列表中选择另一个谓词时,文本框仍然包含先前的搜索条件。

我对 AngularJS 相当陌生,我正在尝试以 AngularJS 的方式清除谓词选择框的更改事件的搜索结果。我的第一个想法是在指令后面推动任何类型的 DOM 操作。所以我创建了一个用于重置搜索条件的调用 "tndResetSearch" 。我在jade中的语法似乎很混乱......如果有更好的方法来组织这个,我欢迎你的建议;):

resetsearch="resetSearch()"绑定到我的指令的隔离范围属性。

它的实现在控制器中,它只是从 中清除模型$scope并重新填充 smart-table 用于填充视图的集合:

这执行得很好,但是每次我更改选择框中的谓词时,先前的搜索条件似乎被缓存并附加到当前的搜索条件。所以我最终得到了之前搜索的一个子集。我不确定缓存发生在哪里。$scope在下一次搜索之前,SmartTable 搜索指令必须查看某些内容。除非我在我的方法中做错了什么,否则我将不得不查看 SmartTable 以查看是否可以跟踪此问题。

上面框中的是我尝试获取对相关搜索框的引用并手动清除它的另一次尝试,但这根本没有效果options="#serviceLogSearchBox"select

这是我对该指令的第一枪:

有谁知道为什么我会看到我提到的行为,我会以错误的方式解决这个问题吗?如果是这样,使用 Angular 1.2.x 和 SmartTable 的最佳方法是什么?

0 投票
0 回答
152 浏览

javascript - 关闭模式时智能表清除表行和标题?

我正在使用 Angular-Smart-table 为项目生成一个充满事件的表。

添加和删​​除列是一项要求,我们有一个单独的 UI 组件来执行此操作。这个 UI 组件是一个模式,它是我想要包含的列的复选框。但是,当此模式关闭时,我的智能表会变为空白,并且在我更新表列标题时不会更新新的选择。

这是控制器中处理 tablesettings 事件的代码。

这是表格的 HTML:

这是我广播 tablesettings 事件的地方,

这是模态实例正常关闭的地方。

感觉我的模板没有回来,也没有刷新或改变,即使我用模态响应更新了 scope.tableColumns。$scope.apply() 对我也不起作用,刷新方法也不起作用。

我不确定为什么当我为该模式点击确定时我的智能表会变为空白。

0 投票
4 回答
5297 浏览

angularjs - 如何在AngularJS中使用智能表显示记录总数

我正在使用智能表来显示记录。使用自定义分页显示每页 20 条记录。

我想显示如下分页: 25 条记录中的 1-20 条 我怎样才能做到这一点?- 我尝试使用(页数 * 总页数),但这会对结果进行四舍五入。