单击按钮或复选框等其他组件后如何创建或安装破折号组件

Posted 2023-02-16

【中文标题】单击按钮或复选框等其他组件后如何创建或安装破折号组件

【英文标题】：How to create or mount dash component after clicking on other component like button or checkbox

【发布时间】：2021-06-12 18:09:25

【问题描述】：

我创建了一个全局 df 变量，还创建了一个 csv 文件上传组件和显示 df 列的组件。我想在加载组件选项更改的文件时出现此错误options[0].label in Dropdown with ID "col-1" is required but it was not provided. 我该如何解决这个问题？

这是我的代码示例：

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

app = dash.Dash()

# I create a global variable 
global df
app.layout = html.Div(

# upload component
dcc.Upload(
        id='upload-df',
        children=html.Div([#code ]),
        ),
    html.Div(id='output-upload'),
    html.button(id='show'),
    html.Div(id='col-choice', children=[
                        html.Label('column 2'),
                        dcc.Dropdown(id='col-1'),
                        html.Label('column 2'),
                        dcc.Dropdown(id='col-2')

)

# parser
def parse_contents(contents, filename, date):
     # code
@app.callback(Output('output-upload', 'children'),
              Input('upload-data', 'contents'),
              State('upload-data', 'filename'),
              State('upload-data', 'last_modified'))
def update_output(list_of_contents, list_of_names, list_of_dates):
    # code

@app.callback(
    Output('col-1', 'options'),
    Output('col-22', 'options'),
    Input('show', 'n_clicks')
)
def show_colomn_option(clicks):
    number_of_output = 8
    try:
        df
        return (['label': i, 'value': i for i in df.columns],)*2
    except NameError:
        return (['label': None, 'value': None],)*2

我像this中描述的那样编写上传组件

【参考方案1】：

Dash 不能很好地支持全局变量，基本上它会破坏你的代码，所以你应该按照这里的描述进行操作https://dash.plotly.com/advanced-callbacks

【讨论】：

谢谢@Marc Telly