时间戳

首页 > 解决方案 > Plotly-Dash：如何确定客户端回调中的触发输入

javascript - Plotly-Dash：如何确定客户端回调中的触发输入

问题描述

Dash 的文档描述了在服务器端回调的情况下如何确定哪个输入触发了回调：高级回调。

有没有办法确定哪个输入触发了客户端回调？

看起来这个功能是在版本 1.13.0 ( #1240 ) 中添加的，但我的浏览器控制台显示dash_clientside.callback_context是undefined. 我正在运行 Dash 版本 1.19.0。

编辑：我遇到的错误是由于我的 Dash 安装问题。我是通过 安装conda install dash的，Anaconda 主频道上的 Dash 包似乎有问题。从 conda forge 安装解决了问题：conda install -c conda-forge dash. 有关工作示例，请参阅接受的答案。

标签： javascriptpythonplotlyplotly-dash

解决方案

是的，这是可能的。正如您自己注意到的那样，该信息在dash_clientside.callback_context变量中可用。这是一个小例子，

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

# Create app.
app = Dash(prevent_initial_callbacks=True)
app.layout = html.Div([
    html.Button("Button 1", id="btn1"), html.Button("Button 2", id="btn2"), html.Div(id="log")
])
app.clientside_callback(
    """
    function(x, y){
        const triggered = dash_clientside.callback_context.triggered.map(t => t.prop_id);
        return "Hello from [" + triggered + "]";
    }
    """, Output("log", "children"), [Input("btn1", "n_clicks"), Input("btn2", "n_clicks")])

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

dash==1.18.1在 Linux Mint 20 上的 python 3.8 上进行了测试。

推荐阅读