是否可以從 Plotly Dash、dcc.store 中的值動態加載 dcc.Dropdown 選項？

Question

該應用程序旨在存儲來自dcc.Input的值並將其顯示在dash_table上。 為了存儲輸入值，使用了dcc.store 。

現在我需要動態加載第一列的值，即dcc.Dropdown中的“學生姓名”作為選項。 是否有可能共享 dcc.store 中第一列的數據作為dcc.store中選項的dcc.Dropdown ？

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

user_key = 'Student Name'
# Setup table.
columns = ['Student Name', 
           'Age', 
           'Place',
           'Grade']

table = dash_table.DataTable(columns=[{"name": column, "id": column} for column in columns], 
                             data=[], id="table")
# Create app.


app = dash.Dash(prevent_initial_callbacks=True)
app.layout = html.Div([
    
                        html.Div([dcc.Input(id=column, value=column) for column in columns] +
                      [html.Button("Save", id="save"), dcc.Store(id="cache", data=[]), table]),
                        
                        html.Div([
                            
                            dcc.Dropdown(
                                            id='demo-dropdown',
                                            options=[
                                                        {'label': 'Mark', 'value': 'mrc'},

                                                        ],
                                                            value='mrc'
    )
                            
                            
                            
                            ])
                        
                        
                        
                        
                        ])


@app.callback(Output("table", "data"),
              [Input("save", "n_clicks")],
              [State("table", "data")] +
              [State(column, "value") for column in columns])



def update_table(n_clicks, data, *args):
    record = {columns[i]: arg for i, arg in enumerate(list(args))}
    
    try:
        record_index = [record[user_key] for record in data].index(record[user_key])
        data[record_index] = record
    
    except ValueError:
        data.append({columns[i]: arg for i, arg in enumerate(list(args))})
    
    return data


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

Answer 1

是的，您可以從已填充一些 dataframe 的dcc.Store()加載。您將需要一個回調，它將 Store 的 modified_timestamp 屬性作為 Input() 並將其數據作為 State()，在Dash 的官方文檔中進行了解釋）。 所以像這樣的回調就可以解決問題：

@app.callback(
    [Output("demo-dropdown", "options"), Output("demo-dropdown", "value")],
    [Input("cache", "modified_timestamp")],
    State("cache", "data"),
)
def update_dropdown_from_store(time_stamp, data):
    return (
        [
            [{"label": i, "value": i} for i in list(df["Student Name"])],
            df["Student Name"].iloc[0],
        ]
        if data != []
        else [[{"label": "Mark", "value": "mrc"}], "mrc"]
    )