15

正如我们在入门的交互部分中看到的，一个回调函数可以接受多个输入，但始终只有一个输出。

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

@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,
        ]
    )

那么也许有更优雅的方式来通过一个请求输出两个或多个元素？

4

4 回答 4

11

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

@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 示例

于 2019-06-19T04:15:02.650 回答
5

基于此，有办法。

您可以做的是更新隐藏的“信号元素”（例如，这可以是文本输入），进而更新两个主要元素。

运行get_data(filter)一次，并将结果存储在全局变量中。然后更新该信号元素而不是更新element_1and 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，并且使用全局变量不是问题。如果您有多个用户将同时运行该应用程序，则可以使用替代方案，您可以在同一链接中找到它们。

于 2017-11-14T15:12:03.830 回答
2

如果您可以在外部函数中组合动作侦听器怎么办？使用 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)
于 2019-01-16T13:13:43.233 回答
2

Dash (2019/03/01) 中合并了多输出回调支持。

于 2019-03-14T18:44:25.067 回答