Question

我有一个带有按钮的 html模板。假设它是非常重要的模板，我们不想重新制作它。它包含一个按钮和一些日期输入。

另一方面，我有破折号应用程序，该布局仅包含一个图形。

我想要的是根据模板的外部输入而不是破折号布局来更新此图。

模板：

<!--Template-->
{%config%}

<input type="datetime-local" name="dateTimeLocalStart" id=SelectionFrom/>
<input type="datetime-local" name="dateTimeLocalEnd" id=SelectionTo/>
<button type="button" id="show_new_data">SHOW</button>

{%app_entry%}
{%scripts%}
{%renderer%}

短跑布局：

app.index_string = template_file.read() # is this a way?

# the basic dash layout
app.layout = html.Div(children=[
    dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': 'Mo'},
            ],
            'layout': {
                'title': 'Dash Data Visualization'
            }
        }
    )
])

但是如果我要像这样在短划线中回调它

@app.callback(
    Output(component_id="example-graph", component_property="figure"),
    [Input(component_id="show_new_data", component_property="id")]
)
def update_graph():
    print("Update graph callback")
    return "" # this never happens

我希望回调能够正常工作，但是会得到：

dash.exceptions.NonExistentIdException: 
Attempting to assign a callback to the
component with the id "show_new_data" but no
components with id "show_new_data" exist in the
app's layout.

那么，有没有办法使它起作用？
使用iframe是否可以？
或者也许可以以某种方式将此输入链接到仪表板布局？

对不起，破折号是新来的，文档是不是那么简单。

Answer 1

据我所知，在0.41.0版本中还不可能

Dash最好在其回调中使用Dash组件。知识。如果您尝试使用未特别设置的组件作为Dash组件，那么它就不会连接到底层反应代码。 – @coralvanda

破折号应用程序中是否可以有外部（非破折号）按钮回调？

1 个答案: