angularjs ng-grid:行之间的父子关系(隐藏/显示行)

2024-05-01

我正在尝试使用预定义的隐藏行来实现渲染 ng-grid,并在某些特定事件上我想显示它们。我试图模拟行之间的父子关系,但所有行都将以通常的方式呈现和放置。

默认情况下,“子”行将呈现为“折叠”

单击父项时,子行将显示为展开的

我正在尝试寻找一些解决方案网格选项 行模板设置,但我希望有人已经遇到过此类问题,也许您已经解决了它,如果您可以分享您的想法/解决方案,这将非常有帮助。

或者,如果这是一个新问题,解决它的最佳方法是什么?

Thanks


我向模型中添加了一些字段,用于 id、parentId 和 Expanded。在切换行上单击 ng-click 时,它会调用toggleExpansion 来设置该行的展开状态。 ng-show 根据扩展标志确定是否显示行。

我做了一个 Plunker 来演示:http://plnkr.co/edit/fOMMXePQhWAF4DOnF3dW?p=preview http://plnkr.co/edit/fOMMXePQhWAF4DOnF3dW?p=preview

以下是一些相关问题的链接。请参阅第二个链接中有关行高 css 解决方案的注意事项。

如何让 ng-grid 隐藏某些行 https://stackoverflow.com/questions/18456670/how-to-get-ng-grid-to-hide-certain-rows

角度 ng-grid 行高 https://stackoverflow.com/questions/19094723/angular-ng-grid-row-height

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

angularjs ng-grid:行之间的父子关系(隐藏/显示行) 的相关文章

随机推荐

  • 如何链接到 WordPress 管理插件上的自定义 php 页面?

    我对 WordPress 开发很陌生 我正在编写一个管理插件来处理证书创建 我实现了创建插件 并通过 add menu page 将其放在管理菜单中 这是插件的概念 我使用 WP List Table 来显示用户列表 我添加了带有一些用户元
  • 如何将 .h 文件中的常量导入到 python 模块中

    将 c 风格 不是 c 只是普通的旧 c h 文件中定义的一堆常量导入到 python 模块中的推荐方法是什么 以便它可以在项目的 python 部分中使用 在项目中 我们使用混合语言 在 Perl 中 我可以通过使用 h2xs 实用程序生
  • JavaScript 中的整数

    MDN https developer mozilla org en JavaScript A re introduction to JavaScript Numbers states JavaScript 中的数字是 双精度 64 位格式
  • 如何在eclipse中更改genymotion安装目录路径?

    当Genymotion提示选择安装目录时 我不小心选择了错误的文件夹 我该如何改变它 查看窗口 gt 首选项 gt Genymobile gt Genymotion 然后您将能够修改之前的条目
  • C# Dns.GetHostEntry() - 异常:没有这样的主机已知

    From 文档 https learn microsoft com en us dotnet api system net dns gethostentry view netframework 4 8 Dns GetHostEntry 将主
  • 找出分区号/id

    Spark中有没有一种方法 方法 可以找出分区ID 编号 在这里举这个例子 val input1 sc parallelize List 8 9 10 3 val res input1 reduce x y gt println Insid
  • Mercurial Eclipse 插件

    在哪里可以找到好的 Eclipse Mercurial 插件 MercurialEclipse https bitbucket org mercurialeclipse main 更新站点 https bitbucket org mercu
  • Python导入Django管理命令的问题

    不管出于什么原因 当我刚接触 Python 和 Django 时 我在 models py 文件的顶部编写了一些像这样的导入语句 from django contrib import auth 我会这样使用它 class MyModel m
  • 使用 hg 存储库作为网站

    这与我的安全问题有些相关here https stackoverflow com questions 2361626 security deny access to hg via mod rewrite 对实时网站使用 hg Mercuri
  • Json.Net 根据值选择对象

    我有一个 Json 对象 如下所示 wvw matches wvw match id 1 4 red world id 1011 blue world id 1003 green world id 1002 start time 2013
  • 在 Dart 中打印不带括号的列表

    我想在打印时从列表中删除括号 Dart Code void main var lst new List 3 for int i 0 i lt 3 i lst i i print lst 电流输出 0 1 2 预期输出 0 1 2 您可以使用
  • 多个 aiohttp Application() 在同一进程中运行?

    Can two aiohttp web Application 对象在同一进程中运行 例如在不同的端口上 我看到了一堆 aiohttp 代码的示例 例如 from aiohttp import web app web Application
  • 如何在画布的右上角绘制位图

    我正在尝试绘制位图top right hand corner of the Canvas 到目前为止我已经做了以下事情 100x40 dimensions for the bitmap bitmap BitmapFactory decode
  • 当参数具有相同名称时如何恢复内置函数? [复制]

    这个问题在这里已经有答案了 我知道你是 不应该 https stackoverflow com questions 2417979 can i use variable name type as function argument in p
  • 如何将 Pandas DataFrame 中加载的嵌入转换为 Gensim 模型?

    我有一个 DataFrame 其中索引是单词 并且有 100 个带有浮点数的列 这样对于每个单词 我将其嵌入为 100d 向量 我想将我的 DataFrame 对象转换为gensim 模型对象 https radimrehurek com
  • Qt - 如何在 QGraphicsPixmapItem 中显示 gif(动画)图像

    我正在尝试在 QGraphicsPixmapItem 中使用一张闪烁的图像 显示的图像没有动画效果 下面是原始图像 下面是在 QGraphicsPixmapItem 中使用此图像的 QGraphicsScene 有人能说一下如何实现这一目标
  • QML 适合所有分辨率的屏幕

    大家好 我的 QML 代码有问题 我犯了一个错误 我给元素设置了一定的大小 现在我在将应用程序放在其他设备上时遇到了问题 我会将我的代码粘贴到有宽度和高度的位置 以便您可以更改它以向我展示如何使用动态调整大小 我需要说我正在使用以下代码从
  • numpy float:算术运算比内置函数慢 10 倍?

    我对以下代码的计时非常奇怪 import numpy as np s 0 for i in range 10000000 s np float64 1 replace with np float32 and built in float 内
  • 如何从注册表获取重定向字符串?

    我正在使用从注册表中读取一些值Registry http msdn microsoft com en us library microsoft win32 registry 28v vs 110 29 aspx 我需要访问使用的一些值注册表
  • angularjs ng-grid:行之间的父子关系(隐藏/显示行)

    我正在尝试使用预定义的隐藏行来实现渲染 ng grid 并在某些特定事件上我想显示它们 我试图模拟行之间的父子关系 但所有行都将以通常的方式呈现和放置 默认情况下 子 行将呈现为 折叠 单击父项时 子行将显示为展开的 我正在尝试寻找一些解决