如何禁用Workshop组件？切换标签页时禁用string selector/filter list widget需求

以下是几种可行的实现方案，适用于大多数支持自定义逻辑的Workshop平台：

• 绑定标签页切换事件执行脚本
  找到标签页组件的切换事件（通常命名为onTabChange、tabSwitch之类），在事件中添加自定义脚本，直接操作目标组件的禁用状态。示例代码（需根据平台实际API调整）：

  // 获取字符串选择器组件实例并禁用
  const stringSelector = getComponentInstance("string-selector-id");
  stringSelector.setDisabled(true);
  
  // 获取筛选列表组件实例并禁用
  const filterList = getComponentInstance("filter-list-widget-id");
  filterList.setDisabled(true);
  

  部分平台也支持直接通过DOM操作实现：document.getElementById("component-id").disabled = true，具体以平台提供的能力为准。

• 通过状态变量关联组件禁用属性
  创建一个页面级状态变量（如activeTab），在标签页切换时更新该变量为当前激活的标签页ID。然后给字符串选择器和筛选列表组件的禁用属性设置关联逻辑：当组件所在标签页ID不等于activeTab时，触发禁用状态。这种方式更贴合低代码平台的状态驱动设计逻辑。

• 封装自定义组件增加禁用控制
  如果原生组件没有内置禁用选项，可以将目标组件封装为自定义组件，在内部添加禁用逻辑（比如添加交互遮罩、阻止输入事件），并对外暴露disabled属性。后续在标签页切换时，只需修改自定义组件的disabled属性值，就能控制组件的可用状态。

内容的提问来源于stack exchange，提问作者luffy