除非调整浏览器窗口的大小,否则Angular ui网格不会显示内容

皮特·扎克热斯基(Piotr Zakrzewski)

我正在将angularjs 1.5.0与angular ui网格3.1.1一起使用。当我在控制器主体中分配gridOptions(传递给grid指令)对象时,如下所示:

$scope.gridOptions = {
      data: [{"mock2": 1, "mock1": 2}, {"mock2": 10, "mock1": 22} ]
    };

HTML:

    <div ui-grid="gridOptions"></div>

它按预期显示该表。但是,当我尝试更改$ scope.on中的数据时:

$scope.$on('update', function (event, passedFromBroadcast) {
      $scope.gridOptions.data= [{"mock2": "set", "mock1": "inside"}, {"mock2": "$scope", "mock1": "on"} ] ;
    });

它仅呈现表的框架,包括分页时,还将呈现与分页相关的控件-但不呈现内容本身。内容(行标题和列标题)仅在我调整浏览器窗口大小后才会显示。

  1. 当$ scope.on中的数据更改时,为什么angular-ui网格不更新表内容?
  2. 如何手动更新角度ui网格表?我已经尝试过的事情:

    $scope.gridApi.core.handleWindowResize(); // Does not work
    $scope.gridApi.core.refresh(); // Does not work
    $timeout(function(){$scope.gridOptions.data= [{"mock2": "set", "mock1": "inside"}, {"mock2": "$scope", "mock1": "on"} ] ;}) // Does not work
    
皮特·扎克热斯基(Piotr Zakrzewski)

此代码有两个问题,但是仅在浏览器窗口调整大小后才显示表内容的原因是缺少定义宽度和高度的css类,这是基本的(有效的)示例:

    .grid {
      width: 500px;
      height: 250px;
     }

并在HTML中:

    <div class="grid" ui-grid="gridOptions"></div>

另一个问题(此线程中其他人提到的:

  • 分配gridOption字段(数据以及columnDefs)必须在$ timeout内完成,此外,在此之前还需要清除data和columnDefs。否则,它的更改可能不会变得可见,并且表的内容和标题将保持不变(在ui-grid中已知的错误,如@maurycy所述)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

除非调整浏览器窗口的大小,否则Angular ui网格不会显示内容

来自分类Dev

除非调整大小,否则JFrame窗口不会显示任何内容

来自分类Dev

浏览器调整大小不会影响HTML内容

来自分类Dev

调整浏览器窗口大小时,垂直/水平滚动条不会出现

来自分类Dev

调整浏览器窗口大小不会激活jQuery事件,直到刷新完成

来自分类Dev

调整浏览器窗口大小时,垂直/水平滚动条不会出现

来自分类Dev

调整浏览器窗口大小时,图像顶部的HTML按钮不会保持固定

来自分类Dev

调整浏览器窗口大小不会激活jQuery事件,直到刷新完成

来自分类Dev

调整浏览器窗口大小时,块元素变大并且不会垂直居中

来自分类Dev

如何使用全CSS显示在浏览器窗口中调整大小并流动的全尺寸图像网格

来自分类Dev

除非调整窗口大小,否则iFrame不会在Chrome中加载

来自分类Dev

将页面内容调整为浏览器窗口的宽度

来自分类Dev

调整浏览器大小时内容重叠

来自分类Dev

如何在调整浏览器窗口大小时更改主体宽度,以便轻松阅读内容?

来自分类Dev

网页不会适应浏览器窗口大小

来自分类Dev

在浏览器窗口顶部显示内容

来自分类Dev

将浏览器内容缩小到浏览器窗口大小

来自分类Dev

除非我调整JFrame的大小,否则JTextArea不会更新

来自分类Dev

Java JFrame扩展,除非调整大小,否则不会更新

来自分类Dev

调整浏览器大小不会显示自适应设计

来自分类Dev

除非扩展窗口,否则JSlider不会显示

来自分类Dev

React Router更改URL,但除非从浏览器刷新页面,否则不会更新页面

来自分类Dev

在不调整浏览器窗口大小的情况下将Bootstrap 3网格布局预览为手机和平板电脑?

来自分类Dev

Flexbox项目不会在浏览器的窗口调整大小时重新排序,但会在自适应模式下重新排序

来自分类Dev

win32内容已更改,但除非移动窗口,否则不会显示更新

来自分类Dev

CSS网格在浏览器中显示不同的大小

来自分类Dev

如何随着浏览器宽度/高度的变化动态调整图像网格的大小?

来自分类Dev

调整浏览器窗口大小并截图

来自分类Dev

我可以使用什么CSS代码,以使网页上的内容不会更改浏览器窗口大小的位置?

Related 相关文章

  1. 1

    除非调整浏览器窗口的大小,否则Angular ui网格不会显示内容

  2. 2

    除非调整大小,否则JFrame窗口不会显示任何内容

  3. 3

    浏览器调整大小不会影响HTML内容

  4. 4

    调整浏览器窗口大小时,垂直/水平滚动条不会出现

  5. 5

    调整浏览器窗口大小不会激活jQuery事件,直到刷新完成

  6. 6

    调整浏览器窗口大小时,垂直/水平滚动条不会出现

  7. 7

    调整浏览器窗口大小时,图像顶部的HTML按钮不会保持固定

  8. 8

    调整浏览器窗口大小不会激活jQuery事件,直到刷新完成

  9. 9

    调整浏览器窗口大小时,块元素变大并且不会垂直居中

  10. 10

    如何使用全CSS显示在浏览器窗口中调整大小并流动的全尺寸图像网格

  11. 11

    除非调整窗口大小,否则iFrame不会在Chrome中加载

  12. 12

    将页面内容调整为浏览器窗口的宽度

  13. 13

    调整浏览器大小时内容重叠

  14. 14

    如何在调整浏览器窗口大小时更改主体宽度,以便轻松阅读内容?

  15. 15

    网页不会适应浏览器窗口大小

  16. 16

    在浏览器窗口顶部显示内容

  17. 17

    将浏览器内容缩小到浏览器窗口大小

  18. 18

    除非我调整JFrame的大小,否则JTextArea不会更新

  19. 19

    Java JFrame扩展,除非调整大小,否则不会更新

  20. 20

    调整浏览器大小不会显示自适应设计

  21. 21

    除非扩展窗口,否则JSlider不会显示

  22. 22

    React Router更改URL,但除非从浏览器刷新页面,否则不会更新页面

  23. 23

    在不调整浏览器窗口大小的情况下将Bootstrap 3网格布局预览为手机和平板电脑?

  24. 24

    Flexbox项目不会在浏览器的窗口调整大小时重新排序,但会在自适应模式下重新排序

  25. 25

    win32内容已更改,但除非移动窗口,否则不会显示更新

  26. 26

    CSS网格在浏览器中显示不同的大小

  27. 27

    如何随着浏览器宽度/高度的变化动态调整图像网格的大小?

  28. 28

    调整浏览器窗口大小并截图

  29. 29

    我可以使用什么CSS代码,以使网页上的内容不会更改浏览器窗口大小的位置?

热门标签

归档