jQWidgets jqxDocking Width 属性

在 jQWidgets 中，jqxDocking 控件用于实现类似 Visual Studio 等 IDE 中的多文档界面。jqxDocking 控件可以让用户通过拖拽和分割已经打开的文档，将它们组织在一个整齐的界面中。在 jqxDocking 控件中，width 属性用于指定控件的宽度。

语法

$("#jqxDocking").jqxDocking({
    width: number|string
});

参数

width 属性支持以下参数：

• number: 表示控件的宽度，单位为像素。默认值为 200。
• string: 表示控件的宽度。可以使用 CSS 单位（如 px、em、% 等）。默认值为 "200px"。

示例

$("#jqxDocking").jqxDocking({
    width: 500
});

$("#jqxDocking").jqxDocking({
    width: "50%"
});

备注

• 在设置 width 属性时，最好不要使用百分比，因为此时 jqxDocking 控件的宽度取决于容器元素的宽度。如果容器元素的宽度发生变化，则 jqxDocking 控件的宽度也会相应地发生变化。
• 若要将 jqxDocking 控件的宽度设置为一个百分比，建议将 jqxDocking 控件的父元素的 width 属性设置为百分比，并将 jqxDocking 控件的 width 属性设置为 "100%"。这样可以确保 jqxDocking 控件的宽度始终等于其父元素的宽度。

参考链接

jQWidgets - jqxDocking Widget