jQWidgets jqxSwitchButton 方向属性

jQWidgets jqxSwitchButton 是一个表单组件，可用于开/关或选择一个选项。其中，方向属性指定了组件的显示方向。

方向属性列表

| 属性名称 | 描述 | | -------- | -------------------------------------------- | | animate | 切换时是否启用动画效果（默认值：true） | | checked | 指定初始状态是否选中（默认值：false） | | disabled | 指定组件是否禁用（默认值：false） | | height | 指定组件的高度（默认值：28 像素） | | orientation | 指定组件的方向（默认值：horizontal） | | width | 指定组件的宽度（默认值：86 像素） |

其中，orientation 属性可以指定组件的方向，可选值有：

• horizontal（默认值）：水平方向；
• vertical：垂直方向。

示例

$("#jqxSwitchButton").jqxSwitchButton({
    width: 100,
    height: 30,
    orientation: "vertical",
    checked: true,
    onChecked: function (event) {
        alert('The switch button is checked!');
    },
    onUnchecked: function (event) {
        alert('The switch button is unchecked!');
    }
});

上面的示例代码中，我们创建了一个垂直方向的 jqxSwitchButton，并指定了默认选中状态和点击事件处理函数。

总结

通过方向属性，我们可以轻松地指定 jqxSwitchButton 的显示方向，使其适应不同的布局需求。需要注意的是，组件的默认宽度、高度等属性可能不满足需求，需要根据实际情况进行调整。