原文:Tutorial: 212 Infinite scroll 无限滚动功能允许用户将其数据延迟加载到gridOptions.data。 api文档中提供了Infinite scroll功能的文档,特别是: gridOptions publicApi 一旦到达实际数据集的顶部(或底部),无限滚动将停止在该方向上触发事件。 可以通过infiniteScrollUp = true向上或向下通过infiniteScrollDown = true设置触发方向。默认未启动。 默认情况下,距离网格末端20 阅读更多…

最近要用到Laravel的队列,官方文档推荐了Supervisor,进程守护程序平时用的比较少,看到文档上的操作过程有点懵。 同事推荐了PM2,PM2是Node.js提供的进程守护工具。 先安装nodejs,然后执行npm install pm2 -g,安装完毕。 这个…确实安装简单,对新手用户友好。 代码也准备好了,万事必备,准备开撸。 文档上的命令都是关于js的,依葫芦画瓢运行了几个命令都报错了。 一番查找,才找到了PM2启动laravel队列命令 最终命令: pm2 start 阅读更多…

原文:Tutorial: 210 Selection 此示例使用 ui-grid-selection 指令来选择行。若要启用, 必须包括 “ui.grid.selection” 模块, 并且必须在表格元素上写入 ui-grid-selection指令。 选择功能的文档在 api 文档中提供, 特别是: gridOptions publicApi 使用 gridOptions onRegisterApi 回调在选定行时注册 rowSelectionChanged 事件和日志。默认情况下, 选择功能 阅读更多…

原文:Tutorial: 209 Grouping 分组功能允许您根据特定列中的相似值对行进行分组, 在某些方面类似于 excel 数据透视表的效果。不按分组的列可以聚合, 例如, 统计每个组中的行数。 api 文档中提供有”分组” 的功能, 包括分组本身和 treeBase 文档中的共享函数。特别是: grouping columnDef and treeBase columnDef grouping gridOptions and treeBase gridOptions grouping 阅读更多…

原文:208 Save and restore state “保存状态” 功能允许保存表格的当前外观, 并在返回到表格后恢复。 例如, 在应用程序中, 用户可以重新排列序、调整列宽、应用排序和筛选, 并选择特定的单元格。当用户把当前表格调整为自己喜欢的界面后, 跳转到另一个页面。然后重新返回这个页面时, 他们可能会期望它看起来像在他们离开时那样。保存状态功能就是这个作用。 saveState 功能的文档在 api 文档中提供, 特别是: gridOptions publicApi 有两种核心方法 阅读更多…

原文:207 Importing Data 导入程序功能允许导入到 csv 或 json 格式的数据。导入程序可以使用表格中的菜单, 或者接受由用户实现的自定义文件选取电脑中的文件。 导入程序功能以 json 或 csv 格式导入文件, 如果需求存在, 则可以扩展到其他文件格式。 api 文档中提供了导入器功能的文档, 特别是: gridOptions publicApi 对于 json 格式文件, 将假定接收的元素与列匹配. 字段属性在gridOptions 的 columnDefs, 并被加 阅读更多…

原文:206 Exporting Data 导出功能允许将数据从表格中导出为 csv 或 pdf 格式,可以导出所有数据、可见数据或所选数据。 要使用导出功能, 需要在表格上引入 ui-grid-exporter指令。如果要导出选定的行, 则必须在表格上引入 ui-grid-selection指令。如果要导出为 pdf, 您需要安装 pdfMake, 可通过以下操作: bower install pdfmake ui.grid.exporter的api可以在 下列中使用: – col 阅读更多…

原文:205 Row Edit Feature ui.grid.rowedit 扩展了编辑功能, 以支持对服务器保存数据的回调, 该数据同时保存了 “行”。此功能尝试给用户一个类似于 电子表格 的体验, 以便他们可以编辑他们希望的任何字段, 并且该功能将试图保存数据 “行”。在数据不会产生错误的程度上, 从用户的角度来看, 保存过程几乎是无形的–保存后变灰色, 和不能编辑的灰色, 用户就像数据是本地的一样进行编辑。 rowEdit 功能的文档在 api 文档中提供, 特别是: gridOptio 阅读更多…

原文:204 Column Resizing “调整列大小” 功能允许调整每个列的大小。 要启用, 必须包含 “ui.grid.resizeColumns” 模块, 并且必须在表格元素上包括 ui-grid-resize-columns 的指令。 “调整列大小” 功能的文档在 api 文档中提供, 特别是: columnDef gridOptions publicApi 可以将单独的列设置为not resizeable,如果这样做, 建议将这些列设置固定的像素宽度,否则, 如果其他列的大小减小, 阅读更多…

原文: 203 Pinning 锁定功能允许用户将列向左或向右锁定。要启用, 必须包括 “ui.grid.pinning” 模块, 并且必须在表格元素上写上 ui-grid-pinning指令。 在 api 文档中提供了固定功能的文档, 特别是: – columnDef – gridOptions – publicApi 还可以禁用列级别上的锁定。请注意下面示例中的 “id” 列定义。 代码: index.html <!doctype html> 阅读更多…