问题标签 [angular-ui-grid]
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.
angularjs - 使用范围滑块过滤 ui-grid[ng-grid 3.0/或更早版本]
我想用范围滑块过滤标准的 ui-grid [ng-Grid 3.0]。在教程部分中,我找到了从到间隔文本输入过滤器,但我无法将它绑定到来自范围滑块的 angularjs 值。有任何想法吗?
或者,我会(再次)将我的代码恢复为 ng-Grid < 3.0。任何想法如何在这里做到这一点(我已经到了可以根据 filteroptions.filtertext 一次过滤多个列的地步。
javascript - 如何访问 Angular UI Grid 中的排序行?
我正在使用Angular UI Grid来显示一些数据。启用和初始化排序以及选择单行:
我可以选择一行,并且这些行按配置的“名称”列按升序排序。
如UI Grid Tutorial 210中所示,我添加了在我的数据加载并添加到网格后自动选择第一项的逻辑:
但是此代码正在选择未排序数据的第一项。我的网格中大约有 500 个项目,数量不多且性能良好,但在这种情况下,所选项目位于直线下方且不可见。
是否有任何选项可以直接访问 UI Grid 的行或排序数据?
我知道外部排序可以解决这个问题,因为那时我会将已经排序的数据分配给网格。但这在我看来是不必要的开销......
angularjs - 使用 UI Grid 3.0 过滤布尔值
我想用 ui-grid 3.0 过滤布尔值。我没有在教程中找到如何使用文本字段以外的其他字段过滤值。复选框或标准 HTML 选择对于布尔值更方便,有没有办法实现这一点?
javascript - 如何在angular-ui-grid中的特定值上为行着色?
我正在尝试根据新的 angular-ui-grid 3.0 rc12 中的值对一行进行着色,但我无法做到。以下代码用于在以前的版本(ngGrid)中工作:
和相应的CSS:
这里的问题是表达式:
不再像在 ngGrid 中那样工作了。关于如何在 angular-ui-grid ( ui-grid.info )中实现相同的任何猜测
非常感谢!
angularjs - 在 AngularJS ui.grid 中为单元格上的 ui.grid.edit 添加和显示验证
我有一个使用 ui.grid 的 AngularJS 应用程序。我想在编辑单元格时启用并显示验证错误。我相信这可以通过“editableCellTemplate”来实现。
这是我$scope.gridOptions.columnDefs
的可编辑单元格中的内容:
因此,正如上面可能显而易见的那样,我不确定如何将跨度链接ng-show
到我的单元格的编辑输入。使用 Inspect Element 我可以看到ng-invalid-minlength
该类被添加到 中input
,并且单元格确实变成了红色。所以验证正在触发;我看不到显示的跨度。我该如何展示它?
angularjs-directive - 如何在angularJs的“ui-grid”列标题中使用ng-click指令
我正在使用 ui-grid 指令来显示结果,在列标题中我正在使用 headerCellTemplate 来应用 ng-click 指令,我正在调用简单的 sort_sq() ,它应该调用一个警报框。
但是警报框没有调用。
这意味着 ng-click 不起作用。
任何人都可以建议如何使它工作。
jquery - 选定的角度 ui-grid 单元格的 div id
我正在尝试 angular ui-grid ( http://ui-grid.info ),但我不知道如何为选定的单元格指定 div ID?当我点击一个单元格时,它会突出显示,但我希望点击一些 jquery 事件(弹出...信息...文本...等)
这是原细胞选择:
我想知道是否有可能得到类似的东西:
代码:
我的网格的示例图像:
ng-grid - 单击时的 ng-grid/ui-grid 单元格模板会导致选择行。
当我将 celltemplate 用于 ahref 链接时,一旦单击该链接,该行就会突出显示,因为我启用了 RowSelection……但我不希望该行在单击链接时突出显示……仅当在除链接之外的任何位置单击该行时。
同样在下面的示例图片中,如何删除小箭头以便该列不能显示菜单项?
代码:
图片:
javascript - ui-grid 中的 EditableCellTemplate 卡在编辑模式 [ng-grid 3.X]
这是这个问题的轻微延续。
我正在使用 ng-grids 新版本ui-grid,并且遇到了可编辑单元模板的问题。我正在使用模板显示使用 ng-options 进行编辑的动态下拉列表。这很好用,但是单元格似乎卡在了编辑模式中。我之前在与旧版本的 ng-grid 相关的堆栈溢出中看到过这个问题。(喜欢这篇文章)
这些解决方案通常最终会指出他们忘记ng-input="COL_FIELD"
在他们的选择中使用。
我已经尝试过这样的方法,但它似乎不适用于 ui-grid。也许是因为我正在使用 ng-options 而其他示例没有?这是网格中的下拉列表。请注意,如果您失去焦点,单元格仍处于编辑模式。
有没有人遇到过 ui-grid 的这个问题并克服了它?如果是这样,任何帮助将不胜感激。