问题标签 [ng-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.
javascript - Ng-Grid 更新时闪烁网格
使用 ng-grid 时,我有一个服务器和一个网格。如果我单击另一个网格中的行数据将更新。但是当这种情况发生时,所有以前的数据都会消失,留下一个空白网格,每秒 1/2。要更新,我只是使用 $http.get。
有没有办法解决这个问题?当我添加
它更新得很好,但是我无法导航到任何其他页面,所以这不是解决方案。我希望更新几乎是即时的,没有任何刷新。这可能吗?
angularjs - 是否可以将启用 ng-grids 的单元格选择限制为一列?
是否可以将 ng-grids 单元格的可编辑方式限制为仅一列中的单元格?
我目前使用enableCellEditOnFocus: true,这全局允许所有单元格是可编辑的。我确实有一列有一个特定的 editableCellTemplate ,我想让所有其他列 "readonly"。
对于初学者使用 angularjs 和 ng-grid 迈出第一步有什么建议吗?
这是当前网格的相关设置:
javascript - 如何弹出窗口以使用 ng-grid 和 Angular js 编辑行
我刚刚开始阅读有关 angular-js 的内容。学习起来真的很酷。我还浏览了http://angular-ui.github.io/ng-grid/。ng-grid 看起来不错且易于使用,但是我不确定在为给定行单击编辑按钮时如何弹出模式窗口?然后,当单击“保存”按钮时,内容会在网格上更新/刷新,并突出显示该行。
类似http://www.jtable.org/的东西。我不想一起修复 jtable 和 angular js。
有人请帮忙吗?
谢谢和问候锡
angularjs - ng-grid 中带有过滤器的单元格模板
我创建了一个依赖于过滤器的单元格模板,但未处理过滤器。
单元格定义为{field:'status', displayName:'Status', cellTemplate: 'cell/statusCellTemplate.html'}]
模板所在的位置
编辑
渲染的单元格是<button class="btn btn-primary ng-scope ng-binding" ng-click="changeStatus(row.getProperty('id'),'STOPPED')">STOPPED</button>
. 我希望第二个参数是 STARTED 。
Plunker:当点击 STOPPED 时,当前状态应该是 STARTED
excel - 从excel粘贴到ngGrid
伙计们,
有谁知道如何使 ng-grid 与 excel 一起工作,即提供从 excel 复制粘贴到网格中的能力?
我知道
属性,但这不会使网格与 excel 一起使用。
javascript - ng-grid 聚合行中的值总和
我有一个包含三列(名称、值、机器)的 ng-grid,它显示来自三台不同计算机的指标(名称、值)(如机器列中所示)。我没有为每个指标显示三行,而是groups: ['name']
在 gridOptions 中设置;但是,我无法弄清楚如何使聚合行显示值的总和。有没有办法访问每组中的行的值来计算总和?
这就是我想看到的(值列中聚合行上的 7、10、4、6):
谢谢你的帮助!
angularjs - 首次单击后按钮动态 ng-click 卡住
我有一个按钮来更改状态(已启动/已停止)。该按钮是在 ng-grid 的单元格中创建的。
单元格定义为{field:'status', displayName:'Status', cellTemplate: 'cell/statusCellTemplate.html'}]
模板所在的位置
<button class="btn btn-primary" ng-click="changeStatus(row.getProperty('id'),'{{row.getProperty(col.field) | switchStatus}}')">{{row.getProperty(col.field)}}</button>
在 Plunker 中,初始状态为 STOPPED,因此渲染的单元格为
<button class="btn btn-primary ng-scope ng-binding" ng-click="changeStatus(row.getProperty('id'),'STARTED')">STOPPED</button>
然后单击按钮按预期切换状态,呈现的单元格为
<button class="btn btn-primary ng-scope ng-binding" ng-click="changeStatus(row.getProperty('id'),'STOPPED')">STARTED</button>
但是点击按钮不会切换状态,状态是卡在STARTED,而参数设置为STOPPED。
重现问题的Plunker。
编辑:更好的例子
第一个答案通过删除过滤器使其工作,但我想保留它。因此,我创建了一个示例,其中呈现了一个按钮,单击该按钮会增加数据的内容。第一次点击后计数器被卡住。
在里面:<button class="btn btn-primary ng-scope" ng-click="increment(1)">Increment</button>
点击:<button class="btn btn-primary ng-scope" ng-click="increment(2)">Increment</button>
点击:<button class="btn btn-primary ng-scope" ng-click="increment(2)">Increment</button>
应该是increment(3)
。
修改后的Plunker
javascript - Angularjs 控制器与不同文件中的另一个控制器通信
我在 file 中有一个控制器a
,当它执行某些操作时,我希望它调用一个函数或 file 中的控制器b
。那可能吗?我正在使用 ng-grid,所以我的理由是什么时候afterSelectionChange
在 file 中调用a
,我希望我的其他网格更新,我不能合并文件或使用$watch
函数,因为加载时会占用太多时间页。我最终也试图解决这个问题。他们是一样的:
这只是另一种看法。如果有人可以回答,那就太好了!
javascript - angular-js angular-strap 和 ng-grid 集成?
说,我有多个标签,我想使用角带来显示它。但是,每个选项卡的内容是动态的,基于对该给定选项卡的 ajax 调用。理想情况下,可以从标签 ID 派生。
| 选项卡 1 | 选项卡 2| 选项卡 3|
因此,当单击选项卡 1 时,对服务器的调用是 /get/result/tab1_id/,当单击选项卡 2 时,对服务器的调用是 /get/result/tab2_id 等...并使用此结果填充ng-grid 不知何故。
Angular 有很大的潜力,但我对它很陌生,有很多做事的方法,我都不擅长。这些东西可以用 jtable 等立即在 jquery 中完成。但我正在尝试学习 angular js。
所以请帮忙。
谢谢和问候锡
angularjs - 如何让 ng-grid 隐藏某些行
我有一组要在 ng-grid 中显示的对象。每行都有一个布尔属性isVisible
。在 ng-grid 中,我只想显示isVisible
正确的行。其他行应完全隐藏。
我尝试使用 arowTemplate
和数据绑定 ang-show
到isVisible
。这隐藏了行的内容,但将实际行留在原处,显示一个空行。
我曾尝试使用 filterOptions,但无法找出进行此类过滤的正确语法。我找不到任何关于如何设置它的好文档。
我什至尝试通过gridTemplate
在 ng-grid 源中添加过滤器来修改 ng-grid 源中的ng-repeat=\"row in renderedRows\"
,但我也没有让它工作。
我想我可以通过临时删除行来修改数组本身,但我不希望这样做,因为我必须能够再次显示行(它实际上是我正在做的扩展器,应该隐藏/显示子行)