问题标签 [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中实现反映页面内容变化的动态css类?
我的目标是在 ui-grid 单元格中实现动态 CSS 类,最简单的示例是根据单元格的值为性别列着色或显示图标。CSS 类将根据页面上的当前数据进行更新,例如。单击一个按钮来更新绑定到网格的数据,这些类将被重新计算。
有很多来自作者和贡献者的关于动态 CSS 类的例子,例如。http://brianhann.com/6-ways-to-take-control-of-how-your-ui-grid-data-is-displayed但是它们只描述了一种在页面加载期间有条件地应用类的方法以及我need 是一种获取行为的方法,该行为将重新应用页面内容更改的规则,如上所述,基本 angular ng-class 的工作方式。
在 ui-grid 中,您可以在列定义中使用单元格模板或单元格类机制,但在这里似乎都不起作用:
我用这个问题的完整示例创建了一个 plunkr:https ://plnkr.co/edit/rob144gVQo6uy1AVuJlS
我还尝试在网格对象和角度的 $scope.apply 上调用各种刷新方法,但没有效果。
angularjs - Angular UI-GRID:循环遍历 JSON 对象数组
请帮助...我有一组对象,有一些属性和相应的值。示例:学生组的各种类型的分数。每个 score_object 都有一个结果、测试名称(数学、英语、生物学等)和测试组名称(文学、科学等)。所有 score_objects 都放在一个名为 scoreArray 的数组中。
为了得到 student1 的第一个测试结果,我只是给出了数组的静态索引。例如,scoreArray[0].score_object.result。请让我知道我们如何循环遍历数组并动态获取相应的结果。
问题状态:每个学生在他/她的分数数组中可以有这么多的 score_objects。如此多的测试类型 - 无法真正进行静态索引。
生成的 UI 应如下所示:
Student1 结果 结果 结果 student2 结果 结果 结果。. .
javascript - UI-Grid 每列有多个字段
我需要在从数据库中检索数据的同一列中使用 JS-XLS 将 Excel 工作表导入 UI-Grid。例如,其中一列定义为:
从工作表中,我想加入的列生成一个名为“Person Number”的 JSON 对象。我需要将“employee_id”和“Person Number”放在同一列。就像是:
我怎样才能做到这一点?
angularjs - Angular ui-grid 使用 selectedrow 功能来控制行列的内容
我想使用 ui-grid 行选择功能来设置单击行中列的值。
我在数据库中有一个名为omit
. 我希望该值等于所选行的状态,因此如果选择了行,则omit
= 1,如果未选择行,则omit
= 0。我想我已经弄清楚了这部分(但是我总是愿意更好想法!)。
我无法弄清楚的是第一次加载网格时如何选择行。
那么,在网格的初始加载时,如果值为omit
1,我如何选择行?
javascript - 为什么 ui-grid 重置为默认状态,设置过滤器后,恢复状态后?
我将创建 ui-grid 并创建通过 localStorageService 将网格状态保存到 cookie 的功能。然后我更改列宽并保存此状态。在我通过'gridApi.saveState.restore'恢复状态并且这样做很完美之后,但是当我设置过滤器时,网格将列重置为默认宽度。如果我做错了什么,请告诉我。
javascript - 角度 ui-grid api 不可用 无边界
这是我的 ui-grid 网格选项。
我在其中声明 vm.gridApiSource 但它不绑定到 vm。
我正在分配 var vm = this;
请提示为什么 gridApiSource 不限制于此;
我的 plunker 链接 http://plnkr.co/edit/Oxo8XdQCysOUvfvhD82z?p=preview
当我按下模式上的删除图标和删除选项时。它会抛出错误 gridApiSource is undefined。
angularjs - Angularjs ui-grid 懒惰地加载列
有没有办法懒惰地加载列。我有一组 5k 列和 100k 行。我正在使用angularjs 1.5.7
和angular-ui-grid ^3.x
。
网格完美适用于 100k 行和 100 列。但是,如果我尝试加载超过 2k 列,则加载页面需要 10-15 秒。我正在使用无限滚动模块。
如果有任何方法可以按需延迟加载列,那就太好了。或者无论如何扩展 ui-grid 库。
提前致谢!
angularjs - Angular ui-grid 禁用行选择复选框的单元格焦点
我有一个带有几列的 ui-grid。其中两列是可编辑的。我还启用了行选择,这使得复选框出现在行的最左列。
我已禁用不可编辑列的单元格焦点。我想要实现的是,当我编辑其中一个可编辑列单元格并点击选项卡时,它应该只在可编辑列之间导航。当前设置的问题是焦点从一行中的可编辑单元格转移到下一行中的选择复选框,而不是转到下一个可编辑单元格。我想禁用选择复选框的焦点。
这是在html页面中。
Angular ui-grid 版本:3.1.0.1
Angularjs 版本:1.4.9