问题标签 [collapse]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1884 浏览

css - CSS 中引入边距折叠规则的原因是什么?

只是无法弄清楚这套巧妙的规则何时会有所帮助。当您将不同的布局组合在一起时,它们打破了盒子模型的简单性并提供了无限的麻烦来源。那么是什么原因呢?

参考规则

更新:规则对于兄弟元素来说是非常合乎逻辑的,但是为什么边距应该传播到父元素直到树?解决了什么样的问题?

例如:

顶级 div 彼此间隔 100 像素。

0 投票
3 回答
2226 浏览

jquery - 在同一个父元素中展开和折叠多个相邻的 div

我正在为这段代码苦苦挣扎,我不确定它是否可能。我在单个父元素中有一个 div 列表,我需要折叠和展开某些集合。这是一个例子:

因此,在初始状态下,.collapse_me 将为 display:none。always show 中将有一个链接,仅用于展开特定 .always_show div 下方的折叠 div。我知道如果可折叠的 div 在它们自己的 div 中,这会容易一千万倍,但我无法控制代码。我必须让它像使用 jquery 一样工作。可能的?

0 投票
3 回答
35101 浏览

jquery - jquery - 折叠/展开 div?

尝试使用jQuery创建可折叠/可扩展的div,但它根本不适合我......每个h3都应该展开/折叠它下面的div,我不确定为什么这不起作用......当然, 一个严重嵌套的 div,但我认为下面的脚本会找到 uforms 类,而不管它加载时页面上有多少其他标记,然后做它应该做的事情......

这是jQuery:

而且,标记(减去实际上在里面的所有东西<div></div>,因为它是很多形式的东西......)

0 投票
1 回答
3326 浏览

javascript - 存在节点图标时,ASP.Net TreeView Expand/Collapse All 不起作用

我使用以下 js 代码展开/折叠 ASP.Net TreeView 控件的所有节点:

问题是当我有NodeStyle-ImageUrl="img/FolderSmall.gif"时,打开第一个子节点后扩展失败 - 仅当存在节点图像时。

JS 错误是 childContainer 为空:

我确定其他人也遇到过这种情况,但是我为展开/折叠找到的所有代码都在同一点失败。

0 投票
4 回答
8148 浏览

html - 浮动和保证金崩溃

所以我很难理解在什么情况下浮动可能会导致边距崩溃,以及这如何影响浮动的位置。我已经包含了一个页面,该页面似乎在同一页面中显示了两种不同的行为。

红色浮动似乎位于通过它折叠的边距之前,而下方的蓝色浮动似乎使边距折叠通过它们,然后定位在这些边距折叠之后。

任何帮助将非常感激。

干杯,本

0 投票
3 回答
1084 浏览

asp.net - 在 ASP.NET 中创建可折叠区域

目前我已经构建了一个collapseControl,它的行为类似于标签(associatedControlID)来控制控件的折叠状态。

我想建立以下控制:

collapsableArea http://img692.imageshack.us/img692/3307/stackoverflowcollapseab.jpg

我想到了类似的东西:
将我已经构建的 collapsableControl 和其他一些控件(例如面板)放在一起以获得 collapsableArea。

第一次尝试:
我尝试扩展面板并执行以下操作:

但这给了我:“不正确的生命周期步骤”,“无法修改”,“nullReference”,......异常

所以我又试了一次(我认为这是更好的选择,因为没有 tagKey):
我扩展了一个占位符并做了以下事情:

这导致了其他问题,例如:我只想设置面板的文本,面板的样式,...

有线!

您对这种情况有任何解决方案吗?

编辑:
我想出了另一个解决方案:
另一个解决方案 http://img109.imageshack.us/img109/3307/stackoverflowcollapseab.jpg

“CollapsableArea”属于“Control”类型,包含 2 个额外的私有属性:

  1. “可折叠控件”
  2. “控制板”

我认为将 CollapsableArea.Controls 的 getter 重定向到 CollapsableArea.Panel.Controls 就足够了。在 CollapsableArea.CreateChildControls() 我实例化并将 CollapsableControl 和 Panel 添加到 base.Controls 并在 CollapsableArea.RenderChildren() 中渲染这两个

我现在的问题:如果面板包含 <% %>-tags,CollapsableControl 将获得一个 clientID(不设置 ID)-面板不会呈现 CollapsableControl 将失败(或传递出去)

有什么建议么?

编辑: 我修复了丢失 ID 的行为 - 只需将 CollapsableControl.AssociatedControlID 设置为 Panel.ClientID... 但是 - 当将 <% %> 放入面板时,它不会被渲染??!!

0 投票
1 回答
29924 浏览

wpf - WPF DataBound 树视图展开/折叠

我只是想找到一种方法来TreeView通过它们绑定的对象来控制节点的展开/折叠。该对象有一个IsExpanded属性,我想用它来显示TreeView节点本身基于该属性展开或折叠。

这是我的代码:

C#:

XAML:

0 投票
5 回答
16789 浏览

css - 如何解开保证金?

CSS 中的折叠边距:http: //www.w3.org/TR/CSS21/box.html#collapsing-margins

我了解该功能的目的,但我正在尝试进行布局,但我不知道如何将其关闭。

CSS 教程中通常解释的方式是:

  1. 添加边框
  2. 添加填充

当您处理具有背景图像和固定填充的像素完美布局时,所有这些都会产生明显的副作用。

有没有办法简单地禁用折叠而不必将额外的像素推入布局?对我来说,必须在视觉上影响文档以改变这样的行为是没有任何意义的。

0 投票
1 回答
2559 浏览

wpf - WPF中的展开和折叠

我想在 PDF 文件中创建控件。在 PDF 中,在左侧窗格中,我们可以看到书签、签名等标签,作为图像,我们可以展开和折叠它。我想要完全一样。

作为 WPF 的新手,我参考了一些示例并创建了 tabcontrol。到现在为止,我实现了带有图像作为选项卡标题的选项卡控件。

但我不知道如何在 tabitems 中添加折叠按钮。而且每个标签页都应该包含很多 iamge 按钮和文本框。我不知道该怎么做。而且我也不知道他们是否使用 tabcontrol。所以请帮助我。我的主要事情是我想折叠和展开除标签页眉之外的条目。

但我不知道如何在 WPF 中做到这一点。请帮助我..并为此提供一些样本。提前谢谢你

0 投票
1 回答
707 浏览

wpf - WPF TreeView 在根根折叠时不会折叠其以前使用的空间

我有一些具有各种集合属性的对象,我使用 ItemTemplate 的 DataTemplate 在 ListBox 中显示这些对象。在该 DataTemplate 中有一个 TreeView,它将各种属性显示为根 TreeViewItem 的 TreeViewItem 子项,该子项表示 ListBoxItem 中显示的项目。我的问题是:ListBoxItems 在 DataTemplate 中具有完全展开的 TreeView 的垂直大小。有什么办法可以改变它,使 ListBoxItems 的尺寸尽可能小?

我的 XAML: