如何依据下拉单选或者单选控件，隐藏子表的列

宜搭提供了很多控件属性事件，可以通过这些属性事件来实现根据下拉单选或者单选控件隐藏子表的列。

具体步骤如下：

在页面编辑器中，选择需要添加下拉单选或者单选控件的页面，然后在左侧控件列表中找到相应控件，将其拖至页面中。 右键单击下拉单选或者单选控件，选择"设置数据源"，并配置控件选项。 右键单击需要隐藏的子表列，选择"设置列属性"，然后将"是否显示"改为"不显示"。 右键单击下拉单选或者单选控件，选择"设置事件"，选择"值改变"事件，然后在事件编辑器中编写JavaScript代码。例如，可以使用以下代码： let value = $event.currentTarget.value; if(value === '某个选项') { editTable.hideColumn('列名'); } else { editTable.showColumn('列名'); } 其中，$event表示事件对象，通过currentTarget属性获取当前控件对象，再通过value属性获取当前选中的值。接着根据选中的值，通过hideColumn和showColumn方法分别隐藏和显示指定的列。

最后保存配置，预览页面，测试效果。 综上所述，以上就是基于下拉单选或者单选控件隐藏子表列的实现方法。需要注意的是，在实现时需要根据实际情况进行适当调整和修改。

参考：https://help.aliyun.com/document_detail/181589.html?spm=a2c4g.181591.0.0.15dc81aeeaQ3HR

此答案来自钉钉群“阿里函数计算官网客户"

在给宜搭下拉选择组件使用关联其他表单数据的功能时，根据关联的表单是否有数据，决定组件的显隐，如果有数据，则显示当前下拉选择组件，否则显示单行文本组件手动输入数据，

（1）先给页面绑定 didMount 函数：

实现该功能的代码如下：

export function didMount() {

letm =  this.$( 'selectField_kspi6z4y').get('dataSource').length;

if(m>0)

{

this.$('textField_kspi6z54').setBehavior('HIDDEN');

}

else{

this.$('selectField_kspi6z4y').setBehavior('HIDDEN');

}

}

【回答】

可以使用Conditional Columns功能，它可以根据条件来显示或隐藏列。

详细步骤，如下：

1、在Fields面板上，右键单击需要配置的列，然后选择Conditional Columns。

2、在Conditional Columns对话框中，选择Use a formula to determine which columns to show。

3、在Formula字段中输入以下公式：

IF(
   [下拉选项或单选控件的值] = "",
   "",
   [子表列的列名]
)

4、例如，如果你有一个下拉列Country，其中包含Canada和United States两个选项。如果用户选择了Canada，则需要隐藏子表States的列。则可以使用以下公式：

IF(
   [Country] = "Canada",
   "",
   "States"
)

请确保在公式中使用了正确的列名和选项值。

5、在Show字段中选择要显示的列，然后单击Apply。