Plotly Dash中如何通过回调满足条件时禁用下拉组件？

KeyError: 'outputs_list' 通常是因为你直接调用了回调函数，而非通过Dash的@app.callback装饰器正确注册回调，或者输出参数格式不符合要求。以下是可行的实现方案：

核心逻辑 #

1. 回调输入绑定导出按钮的n_clicks属性，用于触发回调执行
2. 回调输出分别绑定两个下拉菜单的disabled属性，控制禁用状态
3. 在回调内部判断自定义条件，返回对应下拉菜单的禁用状态

完整代码示例 #

import dash
from dash import dcc, html, Input, Output, State

app = dash.Dash(__name__)

app.layout = html.Div([
    # 下拉菜单A
    dcc.Dropdown(
        id='dropdown-a',
        options=[{'label': f'选项{i}', 'value': i} for i in range(1, 6)],
        value=1
    ),
    # 下拉菜单B
    dcc.Dropdown(
        id='dropdown-b',
        options=[{'label': f'选项{i}', 'value': i} for i in range(1, 6)],
        value=1
    ),
    # 导出按钮
    html.Button('导出数据', id='export_button', n_clicks=0),
])

@app.callback(
    [Output('dropdown-a', 'disabled'),
     Output('dropdown-b', 'disabled')],
    Input('export_button', 'n_clicks'),
    # 若需用到下拉菜单当前值等状态，可添加State参数
    # State('dropdown-a', 'value'),
    # State('dropdown-b', 'value'),
    prevent_initial_call=True  # 避免页面加载时触发回调
)
def toggle_dropdown_disabled(n_clicks):
    # 自定义条件，可替换为你的业务逻辑
    custom_condition = n_clicks > 0
    
    # 根据条件返回两个下拉菜单的禁用状态
    return (True, True) if custom_condition else (False, False)

if __name__ == '__main__':
    app.run_server(debug=True)

关键注意事项 #

• 必须通过@app.callback装饰器注册回调，不能直接调用回调函数，否则Dash无法识别输出列表导致outputs_list错误
• 多个输出需用列表包裹Output对象，对应不同组件的属性
• prevent_initial_call=True可避免页面初始化时不必要的回调触发
• 自定义条件可结合业务需求修改，比如关联下拉菜单选中值、其他组件状态等

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