Python Dash回调循环

如何解决Python Dash回调循环

我尝试学习 Python Dash 来可视化一些数据。我使用多个按钮处理了 Plotly 示例：

import dash
from dash.dependencies import Input,Output
import dash_html_components as html

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__,external_stylesheets=external_stylesheets)

app.layout = html.Div([
    html.Button('Button 1',id='btn-nclicks-1',n_clicks=0),html.Button('Button 2',id='btn-nclicks-2',html.Button('Button 3',id='btn-nclicks-3',html.Div(id='container-button-timestamp')
   ])

@app.callback(Output('container-button-timestamp','children'),Input('btn-nclicks-1','n_clicks'),Input('btn-nclicks-2',Input('btn-nclicks-3','n_clicks'))
def displayClick(btn1,btn2,btn3):
    changed_id = [p['prop_id'] for p in dash.callback_context.triggered][0]
    if 'btn-nclicks-1' in changed_id:
        msg = 'Button 1 was most recently clicked'
    elif 'btn-nclicks-2' in changed_id:
        msg = 'Button 2 was most recently clicked'
    elif 'btn-nclicks-3' in changed_id:
        msg = 'Button 3 was most recently clicked'
    else:
        msg = 'None of the buttons have been clicked yet'
    return html.Div(msg)

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

代码显示最近点击了哪个按钮。我想问一下是否可以把它放在一个循环中，这样我就可以循环遍历 i 个按钮，因为如果我想使用 50 个左右的按钮，它几乎可以工作。

代替

html.Button('Button 1',

类似：

for i in range(number_buttons):
    html.Button('Button i',id='btn-nclicks-i',n_clicks=0)

@app.callback(
    Input('btn-nclicks-i','n_clicks')
)

如果有一些指向有关 Dash 回调的教程或示例的链接，我将不胜感激。

解决方法

最棘手的部分是将循环中创建的所有按钮作为 __declspec(dllimport) 添加到 Input，但您可以使用模式匹配回调来实现（请参阅 dash docs）。这是一个小示例，使用您提供的代码作为基础，但通过循环使用 10 个按钮：

callback

需要注意的重要事项：

• 我预先创建了按钮列表 from dash.dependencies import Input,Output,ALL import dash_html_components as html app = dash.Dash(__name__) btnlst = [html.Button( 'Button {}'.format(i),id={ 'type' : 'mybuttons','index' : i,} ) for i in range(10)] app.layout = html.Div(btnlst + [ html.Div(id='btn-out-container'),]) @app.callback(Output('btn-out-container','children'),Input({'type':'mybuttons','index':ALL},'n_clicks')) def display_click(nclicks): changed_id = [p['prop_id'] for p in dash.callback_context.triggered][0] if changed_id == '.': msg = 'None of the buttons have been clicked yet' else: # do additional parsing of changed_id here as necessary msg = 'Changed property: {}'.format(changed_id) return html.Div(msg) if __name__ == '__main__': app.run_server(debug=True) 并将其添加到另一个 btnlst 组件的第一个参数中。该技术是通用的，不仅适用于模式匹配回调。
• 注意每个按钮的 html.Div 属性的形式，这是在模式匹配回调中使用它们所必需的。 id 的 type 可以是任何字符串，但如果您要像这样使用多个组，建议不要混合使用它们的名称。
• id 中使用的 changed_id 具有非常自定义的格式，您可以在查看输出时看到。您可能需要对其进行一些额外的解析，尤其是当您除了按钮列表之外还有其他任何 display_clicks 时。