文档手册

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

 不适用