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

Question

Dash 的文档描述了在服务器端回调的情况下如何确定哪个输入触发了回调:Advanced Callbacks .

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

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

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

Answer 1

是的，这是可能的。正如您自己所注意到的，该信息在 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()

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