behavior: frame-set
2024-07-18 15:34:34
behavior: frame-set
此行为处理元素的功能 <frameset>
- 块的容器 - 由所谓的拆分器分隔的窗格,允许调整窗格的相对大小。
它可以应用于任何块容器, <div>
或者 <section>
例如。
Elements
默认情况下,这些元素应用了 behavior:frame-set:
<frameset>
- 窗格容器。
Model
在 Sciter <frameset>
中,元素可以包含像任何其他块容器一样的 <frame>
元素,如 <div>
或 <section>
窗格。
如果需要某些特殊样式的拆分器,则可以按 <splitter>
元素拆分窗格。
示例,典型的帮助窗口布局:
<frameset cols="120px,*">
<div id="help-index">
<a href="first-topic.htm" target="help-content">First topic</a>
</div>
<splitter/>
<frame id="help-content">Select topic from index</frame>
</frameset>
这里的第一个窗格是 <div>
具有静态内容的元素。 <frame>
是选定主题元素和 <splitter>
用于交互式大小调整的元素的容器。
Attributes
<frame>
具有特殊含义的属性:
cols="widths list"
- 声明列布局并指定列的初始大小;<frameset>
rows="height list"
- 声明行布局并指定行的初始大小;<frameset>
必须定义 cols 或 rows 属性。width/height list 是 Sciter 长度单位的逗号分隔列表:dips、px、mm 等,包括 flex 单位 ( *
)。
Events
N/A - 没有特定事件。
Properties
element.frameset.state : array
- gets/sets array of lengths - 框架集中窗格的当前宽度/高度;
此属性可用于保留框架集的 UI 状态。
Value
不适用