在 Dash 中下拉 Python

Question

我正在 python 中构建一个 dash 应用程序。我想建立一个空的下拉列表，从文本框中填充。因此，用户在文本中输入 'abc' 并点击提交。下拉值更新为 'abc'

有人能帮忙吗？

Answer 1

除了设置组件外，您只需要一个回调，将下拉选项设为 Output，提交按钮设为 Input，文本值和当前下拉选项设为State。这是一个小例子，

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

app = dash.Dash(external_stylesheets=['https://codepen.io/chriddyp/pen/bWLwgP.css'], prevent_initial_callbacks=True)
app.layout = html.Div([dcc.Input(id="input"), html.Button("submit", id="btn"), dcc.Dropdown(id="dd", options=[])])


@app.callback(Output("dd", "options"), [Input("btn", "n_clicks")], [State("input", "value"), State("dd", "options")])
def submit(n_clicks, text, options):
    return options + [{"value": text, "label": text}]


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

在 Dash 中下拉 Python

Drop down in Dash Python

dashboard

python-3.x

plotly-dash