我有一个基于此插件的应用程序

我的应用程序已经发展壮大,可能太大,太复杂,无法在此处发布,因此让我们继续讨论它所基于的Plunk。

基本上,我只想使用ng-grid,它将在其中一个嵌套选项卡上填充从服务器接收的JSON数据。

那没有用,所以我尝试通过使用ng-grid示例的确切代码来简化问题(请参阅http://angular-ui.github.io/ng-grid/ )。

那仍然没有用,所以我试图通过向代码所基于的Plunk中添加ng-grid演示来简化问题。

该派生的Plunk所示,这仍然不起作用 如果您查看它,可以搜索@@@@ begin @@@@@@@@ begin @@@@@@@@ end @@@@以查看我添加到这三个文件中的每个文件。

注意:在我的应用程序中,我可以看到表格的内容,但彼此对齐并覆盖,就好像涉及最大宽度或其他CSS属性一样。 在我的叉形叉车中,网格似乎是空的。

我对此一无所知,将不胜感激。 谢谢。

===============>>#1 票数:1 已采纳

分叉的ngGrid不包括依赖ngGrid脚本或jQuery。

<script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="ng-grid@*" data-semver="2.0.7" src="//cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.7/ng-grid.js"></script>
<script data-require="ng-grid@*" data-semver="2.0.7" src="//cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.7/ng-grid-flexible-height.min.js"></script>

您还需要将ngGrid注入您的应用程序:

var app = angular.module('plunker', ['ui.bootstrap', 'ui.bootstrap.tpls', 'ui.router', 'ngGrid'])

这是您的随便音乐的更新,其中包括以下更改: http : //plnkr.co/edit/V0itOu?p=preview

  ask by Mawg translate from so

未解决问题?本站智能推荐:

1回复

角度ng-grid在函数中声明gridOptions

我是Angular的新手,我正在尝试为gridOption中的ng-grid声明gridOption ,因为我不希望它在数据来自服务器之前触发。 但是,如果这样做,则会导致错误: 到底是怎么回事?
2回复

ng-grid中的子网格

我刚开始使用angularjs。 只是想知道如果可以在另一个ng-grid内创建一个子网格。 在网格的列中会有一些链接,当我点击一个特定的链接时,应该在已经存在的网格内部形成与该链接相对应的网格。原始网格将有5列,而新网格将说4列。 因此,我所寻找的就是colspan或类似的东西。
1回复

ng-grid中的Popover

我正在尝试在我的项目中使用Popover,并且我引用了这篇文章 : {{row.getProperty(col.field)}}的作用是什么? 代码中的col.field在哪里? 谢谢。
1回复

如何在ng-grid中显示嵌套的JSON数据?

我有一个JSON数据 我想将内部JSON保留为一个单元格中的多个选择复选框或多个选择下拉列表。 为例如:用于data3柱单个小区将具有多个选择的复选框或与值的多个选择下拉data4和data6 1组和在另一组data5和data7 。 我如何在这里表示数据? 任何更好的解决
1回复

角度:使用ng-click自动填充/更改ng-grid中存储的数据

我是新手。 我有一个带有ng-grid的简单页面,显示了日期和时间。 这个想法是驾驶员在页面上,并且可以在每个时间段单击是否有时间自愿驾驶(Y或N)。 当前,您可以单击一个框并手动编辑该框。 我正在查看是否有一种方法,您可以单击一个框并使其在“ Y”和“ N”之间自动切换,而不是能够
1回复

将下拉式角度带与ng-grid集成

我想将单元格模板化为下拉按钮。 因此,我创建了一个带有链接到下拉指令的按钮的单元格模板。 如果我在网格外部创建此按钮,则可以使用,但是在网格内部则无法使用。 我不确定,但是我猜$scope在模板中不可访问。 我创建了一个显示问题的Plunker
2回复

ng-grid未填充有角度的$ resource

我正在尝试使用ngResource $ resource调用填充ng-grid,但是在ng-grid已经渲染之后,ajax调用似乎总是为时已晚。 网格呈现标题,但未填充数据。 这是一段代码和一个jsfiddle
1回复

角度ng-grid maxWidth未使用

我正在尝试为有角度的ng-grid元素创建一些自动调整大小的属性: ..... 但是,当字段数据超过4个字符时,内容将被隐藏。 即宽度不增加。 我可能正在使用width: "auto"但是我需要稍微限制th列的大小... 为什么当conent大于27px时,列宽没有增加
1回复

角度ng-grid替换字段文本

我正在尝试使用它替换字段中的文本,但由于我不知道将其放置在何处而无法使其正常工作。 我将其放在$ scope.gridOptions之外,然后未定义: 任何人都可以帮助我知道如何确定已确定的领域并对ng-grid进行上述操作?
1回复

角度ng-grid分页的预期行为是什么?

AngularJS是一个优秀的框架,ng-grid非常适合快速获得丰富的表功能。 然而,由于缺少任何文档,我真的很难理解ng-grid的一部分是ng-grid分页的预期行为。 我可以阅读ng-grid入门站点上提供的代码和示例。 但是我无法理解它不能正常工作的事实是我自己的用户错误,或者是