Блог

Я пытаюсь сделать обратный вызов на стороне клиента в Plotly Dash, где будет выполняться скрипт JavaScript. У меня есть переменная Python, определенная где-то еще в сценарии, и теперь я хочу передать эту переменную в обратный вызов на стороне клиента, где у меня есть мой сценарий. Вот фрагмент кода:

 python_variable = 'string or some variable'

app.clientside_callback(
    """
    function(n_clicks, user_input) {
        if (n_clicks){
            alert(%{user_input}   %{python_variable});
        }
    }
    """,
    Output('dummy_div', 'children'),
    [Input('btn', 'n_clicks'),
     Input('user_input', value)]
 

Я не знаю, как поместить мой python_variable в dcc.Store, когда я загружаю переменные во время загрузки страницы (для этого нет обратного вызова). Можно ли добавить мою переменную Python в функцию обратного вызова на стороне клиента?

Вы можете напрямую передать переменную data свойству dcc.Store компонента в макете.

Затем вы можете просто добавить свойство Store компонентов data в обратный вызов как a State .

МВЕ:

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

python_variable = "string or some variable"

app = Dash(__name__)

app.layout = html.Div(
    [
        dcc.Input(id="input", value="", type="text"),
        html.Div(id="output"),
        dcc.Store(id="store", data=python_variable),
    ]
)

app.clientside_callback(
    """
    function(input, python_variable) {
        return `${python_variable}: ${input}`
    }
    """,
    Output("output", "children"),
    Input("input", "value"),
    State("store", "data"),
)

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