Question

正如我们在Interactivity part of Getting started中看到的，一个回调函数可以接受多个输入，但始终具有单个输出。

假设我们分别有两个块，必须在输入更改后更新。当然，最简单的方法是为每个块创建两个具有相同输入的回调。问题是请求执行两次，而一个请求足以获取所有数据。

@app.callback(
    dash.dependencies.Output('element_1', 'children'),
    [dash.dependencies.Input('filter', 'value')])
def callback_element_1(filter):
    return get_data(filter).el1

@app.callback(
    dash.dependencies.Output('element_2', 'children'),
    [dash.dependencies.Input('filter', 'value')])
def callback_element_2(filter):
    return get_data(filter).el2

我发现解决方案是将这些元素包装在单个块中，并使用单个请求完全重新呈现它。但是在这种情况下，包装器中的所有静态内容也将被刷新，特别是如果DOM中的初始元素彼此相距很远。

@app.callback(
    dash.dependencies.Output('wrapper', 'children'),
    [dash.dependencies.Input('filter', 'value')])
def callback_element_wrapper(filter):
    data = get_data(filter)
    return html.Div(
        children=[
            data.el1,
            # more static content
            data.el2,
        ]
    )

所以也许有更优雅的方式可以通过一个请求输出两个或多个元素？

Answer 1

基于this，有办法。

您可以做的是更新隐藏的＆＃34;信号元素＆＃34; （例如，这可以是文本输入），它反过来更新两个主要元素。

运行get_data(filter)一次，并将结果存储在全局变量中。然后，而不是更新element_1和element_2，更新那个信号元素。

result = []

@app.callback(
dash.dependencies.Output('signal', 'value'),
[dash.dependencies.Input('filter', 'value')])
def callback_signal(filter):
    global result
    result = get_data(filter)
    return filter

@app.callback(
dash.dependencies.Output('element_1', 'children'),
[dash.dependencies.Input('signal', 'value')])
def callback_element_1(filter):
    return result.el1


@app.callback(
dash.dependencies.Output('element_2', 'children'),
[dash.dependencies.Input('signal', 'value')])
def callback_element_2(filter):
    return result.el2

就我而言，我在单个用户环境中使用Dash，并且使用全局变量不是问题。如果您有多个用户同时运行该应用程序，则可以使用其他选项，您可以在同一链接中找到它们。

Answer 2

现在，Plotly Dash在单个事件中支持多个输出。这是最新版本的dash == 0.38.0rc1

enter code `@app.callback([Output('output1', 'children'), Output('output2', 'children')],
          [Input('output-btn', 'n_clicks')],
          [State('output-btn', 'n_clicks_timestamp')])
def on_click(n_clicks, n_clicks_timestamp):
    if n_clicks is None:
        raise PreventUpdate

return n_clicks, n_clicks_timestamp`

Git Sample

Answer 3

多输出回调支持已在Dash（2019/03/01）中合并。

请参阅GitHub pull-request：Multi output callbacks support
查看公告：Multiple outputs in Dash - Now Available!

Answer 4

如果可以在外部函数中构成动作侦听器，该怎么办？使用Oleh的示例

def setup_action_callbacks(app):
    result = []

    @app.callback(
    dash.dependencies.Output('signal', 'value'),
    [dash.dependencies.Input('filter', 'value')])
    def callback_signal(filter):
        result = get_data(filter)
        return filter

    @app.callback(
    dash.dependencies.Output('element_1', 'children'),
    [dash.dependencies.Input('signal', 'value')])
    def callback_element_1(filter):
        return result.el1


    @app.callback(
    dash.dependencies.Output('element_2', 'children'),
    [dash.dependencies.Input('signal', 'value')])
    def callback_element_2(filter):
        return result.el2

如此：

def get_app_layout(app):
    setup_action_callbacks(app)
    return html.Div()

app = DjangoDash(name="a_nice_name", app_name="a_nice_app_name")
app.layout = get_app_layout(app)

是否有更好的方法通过Plotly使用Dash执行多个输出？

4 个答案: