程序员经验分享-hwhale

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(使用前将#替换为@)

javascript

angularJS

angularui

angularuibootstrap

nggrid

angularjs ng-grid：行之间的父子关系（隐藏/显示行） 的相关文章

  • 在 JavaScript 中检测页面是否加载到 WKWebView 中

    如何使用 javascript 可靠地检测到页面已加载到 WKWebView 中 我希望能够检测到这些场景 iOS 和 WKWebView iOS 和 Safari not iOS 关于 UIWebView 有一个类似的问题here htt

  • javascript：全局变量泄漏

    每当我向 Firefox 提交插件时 我都会收到一封电子邮件 告诉我我的一些变量正在泄漏到全局范围内 一旦他们告诉我我解决了问题 但在那之前有什么方法 程序 来检查变量是否泄漏到全局范围内 Thanks Both JSLint http w

  • 如何在javascript中动态向对象数组添加值？

    这是一个对象数组 var data label 1 value 12 label 1 value 12 label 1 value 12 label 1 value 12 我如何动态地为这些添加值 我尝试了以下代码但没有成功 var lab

  • Chrome 扩展程序可以相互通信吗？

    我正在编写一个Chrome扩展程序 并且想要实现一个接口或api 以便我将来制作的其他扩展程序可以使用它 最终的效果可能如下 分机 B 呼叫extensionA someMethod someParameters 并向分机A发送一些数据 分

  • React中如何触发同级组件的函数？

    I am new to front end world and could not figure out how to trigger a function from a sibling component Lets say I have

  • 调用类实例方法 onclick javascript

    我有一个 javascript 文件 其中包含包含方法函数的类 我想知道如何从 onClick 事件调用类实例方法 function MyClass this instanceData Display Me this DisplayData

  • Chrome 开发工具命中代码但未命中断点

    我在 chrome 开发工具上启用了断点 并且在一行上有一个断点 我知道 chrome 正在运行 因为我将断点放在具有以下语句的行上 alert why is this not breaking 如果我在本地主机中找到该文件 则断点有效 断

  • “require(...)”是常见的 JavaScript 模式还是库函数？

    我通常发现这是 node js 脚本 模块以及 phantomJS casperJS 等中的第一行 我很好奇 这是否是服务器端 javascript SSJS 的常见模式 类似于 include在 C C 中或import在 Java 中

  • 如何将类型添加到 Vite 库构建中？

    我按照vite文档使用图书馆模式 https vitejs dev guide build html library mode我能够生成一个工作组件库 我创建了该项目vue ts预设 在我的组件中 我定义了道具及其类型 并使用了一些接口 但

  • Pjax动画

    我终于让 pjax 工作了 但我还有另一个问题 如何添加一些 jquery 动画 如淡出 幻灯片旧内容和淡入 幻灯片新内容 默认情况下 pjax 只是更改内容 没有任何好看的效果 任何帮助将非常感激 此致 基本上 你有一堆事件 https

  • 如何设置必须输入特定数字的字段？

    我想知道如何创建一个需要输入特定数字或文本的字段 例如 激活码 以及在输入的确认答案的情况下移动到 网页 并且在未确认的情况下移动到 另一页面 的按钮 使用必需的属性

  • Node.js Express 4.0 中的 res.render 回调参数的用途是什么？

    目的是什么res render回调参数 在什么情况下 由于模板已被指定为第一个参数 因此人们会想要使用这样的回调参数 这是文档中的代码 send the rendered view to the client res render inde

  • 如何调试超时等待异步 Angular 任务？无法在角度页面上找到元素

    编辑 请注意 在 ernst zwingli 的帮助下 我找到了问题的根源 因此 如果您遇到相同的错误 他指出的修复之一可能会帮助您 我的问题是量角器本身的一个已知问题 如果您认为这可能是您 我已经扩展了我的步骤 以在我最初的问题之后查明问

  • Next.js：错误：React.Children.only 期望接收单个 React 元素子元素

    我有一个名为Nav inside components目录及其代码如下所示 import Link from next link const Nav gt return div a Home a a About a div export d

  • D3 向对象添加超链接？

    我正在尝试制作 D3 图 它将代表我网站的菜单 我尝试按照此处的其他指南添加超链接 但它们都不起作用 每个对象都会有一个不同的 URL 指向 主页 关于 联系方式等 如果添加超链接 我可以拖动对象吗 这意味着如果我按住单击 如果我单击该对象

  • jQuery 中什么函数相当于 .SelectMany()？

    让我解释一下 我们知道 jQuery 中的映射函数充当 Select 如 LINQ 中 tr map function return this children first returns 20 tds 现在的问题是我们如何在 jQuery

  • 使 Bootstrap Popover 在悬停而不是单击时出现/消失

    我正在使用 Bootstrap 构建一个网站Popover http twitter github com bootstrap javascript html popovers我不知道如何使弹出窗口出现在悬停而不是单击时 我想做的就是当有人

  • 在 Nodejs 中，如何停止 FOR 循环直到 MongoDB 调用返回

    我正在研究下面的代码片段 我有一个名为 stuObjList 的 JSON 对象数组 我想循环遍历数组以查找具有特定标志集的特定 JSON 对象 然后进行数据库调用以检索更多数据 当然 FOR 循环不会等待数据库调用返回并到达 j leng

  • 使用 ng-if 改变角度方向

    我想通过单击将方向从 rtl 更改为 ltr and in 设置 html

  • 区分 NaN 输入和输入类型为“number”的空输入

    我想使用 type number 的表单输入 并且只允许输入数字

随机推荐

  • 如何链接到 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 并在某些特定事件上我想显示它们 我试图模拟行之间的父子关系 但所有行都将以通常的方式呈现和放置 默认情况下 子 行将呈现为 折叠 单击父项时 子行将显示为展开的 我正在尝试寻找一些解决

热门标签