问题标签 [ng-grid]

有没有办法将单元格文本值对齐到中心/右侧？谢谢你。

这是一个plnkr基本示例。

到目前为止，我已尝试将单元格填充更改为 0，但 ng-grid 希望它为 5 像素。我最初使用以下定义创建了一个名为 test 的 CSS 类

然后我发现 ng-grid 用名为 ngCellText 的类覆盖它，所以覆盖内联 css 的唯一方法是添加重要的

这也不起作用。顺便说一句，我的玉（没有括号 html）（它也有一个小引导程序）看起来像这样

那么，既然那行不通，我就查看了 cellTemplate。这是它的默认html

这很好，它摆脱了填充，但正如您所见，“ 0 ”是硬编码的，因为如果来自使用 chrome 的检查元素。我如何能够使用我的 ng-grid 字段来做到这一点？另外，如果您对如何解决此问题有任何其他想法，请随时参与。最好我想让 !important 工作或其他任何东西，因为我设置 ng-grid 的方式是这样我可以把它放进去我网站的不同地方，所以自定义 CSS 是最好的！

背景：我一直致力于在我们的应用程序中转换几个页面以使用 AngularJS 作为主要架构大修的尝试。到目前为止，事实证明 Angular 对我很友好，虽然它的学习曲线非常陡峭，但没关系。

在我们的一个主页中，我们有 slickgrid，我决定使用 ng-grid 而不是 slickgrid，以免在我的第一关头疼。由于我们应用程序的性质，相同的数据将在整个页面生命周期中多次过滤/取消过滤。整个数据集将始终保持完全相同，到目前为止只有 20-40 个数据点。

通过为gridOptins.data. 但是，由于内存仅在几个过滤周期内从 ~20MB 增加到 ~64MB，因此性能受到严重影响。网格完成重新渲染变得越来越慢（> 40ms）。时间线分析器显示，每次更改网格数据时都会创建大量 DOM。

我已经说服自己经常从 ng-grid 中删除/插入数据点是不切实际的，我正在寻找一些解决这个问题的方法。一个只是隐藏数据点，但我还没有看到说明这一点的示例。

也欢迎其他建议。

编辑：这是plunkr：

http://plnkr.co/edit/dgA2HW

尝试经常单击过滤器并观察总内存自行增加。

更新#1：在我评论过的修复之后，现在我的应用程序启动了，但是除了它的边界框和过滤器按钮和弹出窗口之外，没有渲染网格。然而，我从控制台没有收到任何错误，并且就我可以使用调试器到达的情况而言，我可以看到从服务器获取的数据是正常的。如果我使用 Batarang，我可以看到与我的模型相对应的范围，并正确填充了项目。我相应地更新了可下载的复制解决方案。谁能解释为什么 ng-grid 没有在这里更新？

我开始使用 ng-grid 和 TypeScript，一旦我的测试应用程序启动，我就会发现问题。有关完整测试解决方案的链接，请参阅本文底部。当然，即使在这几个文件中，我也犯了很多错误，但我希望有一些东西可以开始并逐步了解更多信息。

MVC 应用程序有两个客户端应用程序：

• app.js 用于默​​认视图（主页/索引）。这里没有打字稿，整个代码都包含在这个单个文件中。该代码源自 ng-grid 文档中的分页示例，并试图保持尽可能简单。

• MyApp.js 用于另一个视图（主页/模型）中更真实的示例。此示例使用服务、模型和控制器，其 JS 代码是从 TypeScript 编译的。为了简单起见，我只是将这些组件存储在 Scripts/App 下的 Controllers、Models 和 Services 文件夹中，每个文件只包含一个类或接口。生成的 JS 文件手动包含在视图中。

app.js 可以工作，只是它有过滤问题。我在这里发布了这些内容： 使用 ng-grid 进行服务器端过滤：绑定问题？

MyApp.js 有 ng-grid 的启动问题。应用程序一启动，就会在网格绑定中抛出一个 TypeError：

我通过谷歌搜索发现的唯一类似问题是https://github.com/angular-ui/ng-grid/issues/60，但它似乎与我的情况无关，因为网格选项设置得太晚了。

服务器端只有一个 API RESTful 控制器返回服务器分页、排序和过滤的项目。

您可以在此处找到完整的复制解决方案（只需保存、解压缩和打开；所有依赖项均来自 NuGet）；有关更多信息，请参阅 readme.txt 文件：

http://sdrv.ms/167gv0F

只需启动应用程序并单击右上角的 MODEL 即可运行抛出错误的 TypeScript 应用程序。整个应用由 1 个控制器、1 个服务和 1 个模型组成。

对于像我这样的初学者来说，有一个像这样的简单工作示例会很好。有人可以帮忙吗？

我正在尝试精简 ng-grid，但无法从我的数据中仅选择特定列进行显示。下面是我的代码：

基本上，我希望能够在 myData 中仅显示列“名称”和“性别”。这里有什么帮助吗？我已经在 SO 和其他地方在线寻找这个问题的答案，但没有找到任何东西。抱歉，如果这是一个骗局。

这是Plunker。

我想在我的单元格中有一个日期选择器，所以我创建了一个单元格模板

我的 col 模型是

它工作正常，当我选择日期时，我以 mm/dd/yyyy 格式获取它，我想将其更改为 dd/mm/yyyy 格式以添加 ui 日期格式

当我使用 ui 日期格式时，它会抛出一个错误

错误：语法错误：从 [{ dateFormat:] 开始的表达式 [{ dateFormat:] 的 NaN 列中的标记“未定义”不是主表达式

它给出的日期就像

2013 年 12 月 23 日星期一 00:00:00 GMT+0530（印度标准时间），而不是我喜欢的格式。

我认为我想要实现的是tree-like在ng-grid. 我没有找到这样的实现，但我想知道我是否可以使用分组机制

我需要以与下面的行相同的方式编辑组标题（见上图），具有完全相同的可编辑单元格，充当主行。从标题组更新一个单元格时，应更新该组下的所有单元格。

来自 ng-grid 文档http://angular-ui.github.io/ng-grid/：

聚合模板的默认值：

是否可以使用此选项来呈现我所描述的聚合行？

我遵循了https://github.com/angular-ui/ng-grid/wiki/Sorting-and-filtering中的文档， 但传递给自定义排序函数的唯一信息是相关列中单元格的值。

我想访问自定义排序功能中的其他列。

例如：http ://plnkr.co/edit/FvcKQjkUv1eeoYPzjdRD?p=preview 考虑到角色后，我想按名称排序。如果提供了行实体或类似的东西，这将很容易。

感谢您提供任何帮助。尤瓦尔

目前我有一个 Angular Js Grid，它启用了分页功能，例如每页 5 条记录，记录总数为 2000，因此总共将有 400 页。

当处理 ng-grid 中的分页时，每页指定 gridOption 数据，这意味着对于第一页，gridOption 将为 1-5 行，第二个 6-10 行，依此类推......

Here i have implemented a selection functionality through checkboxes thus whenever a row is selected[checkBox becomes selected] and it's stored in selectedItems array and i show selected items in another grid like this.....

现在，当我转到第二页 [分页] 并选择像这样的其他行时...

真正的麻烦在于，当我再次返回上一页（即第 1 页）时，不会检查复选框，因为在分页中我们加载数据运行时因此页面显示以下结果...

希望你一定明白我的问题......

我需要的是在加载数据之前/之后的回调，以便我可以选择复选框，因为我保留了选择的数量

或者我的问题的任何其他解决方法也会很有帮助。

谢谢！。