Ploly Dash：如何重置dash-html.Button的&quot；n_clicks&quot；属性？ [英] Plotly Dash: How to reset the "n_clicks" attribute of a dash-html.button?

问题描述

我在plotly/dash中有一个基本的DataTable。我的目标是上传(或者为了示例而打印...)在我按上载按钮之后。

问题是，我想不出如何将按钮的n_clicks属性恢复为零。因此，在我第一次单击该按钮后，每当有变化(添加行或更改/添加数字)时，它都会连续打印，但我希望的是，每当我单击该按钮时，它只打印一次。

代码如下：

import dash
from dash.dependencies import Input, Output, State
import dash_table
import dash_daq as daq

import dash_core_components as dcc
import dash_html_components as html
import pandas as pd

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']


df = pd.read_csv('.../dummy_csv.csv')


app = dash.Dash(__name__)

app.layout = html.Div([
    html.Div(id='my-div'),

    dash_table.DataTable(
        id='adding-rows-table',
        style_data={
            'whiteSpace': 'normal',
            'height': 'auto'
        },
        style_table={
            'maxHeight': '800px'
            , 'overflowY': 'scroll'
        },
        columns=[
            {'name': i, 'id': i} for i in df.columns
        ],
        data=df.to_dict('records'),
        editable=True,
        row_deletable=True

    ),

    html.Button('+ Row', id='editing-rows-button', n_clicks=0),

    html.Button('Update', id='btn-nclicks-1', n_clicks=0 ),

])


@app.callback(
    Output(component_id='my-div', component_property='children'),
    [Input('btn-nclicks-1', 'n_clicks'), Input('adding-rows-table', 'data')]
)
def update_output_div(n_clicks, data):
    if n_clicks > 0:
        print(data)
        # n_clicks = 0
        # return n_clicks

    else:
        print("else loop")


@app.callback(
    Output('adding-rows-table', 'data'),
    [Input('editing-rows-button', 'n_clicks')],
    [State('adding-rows-table', 'data'),
     State('adding-rows-table', 'columns')])
def add_row(n_clicks, rows, columns):
    if n_clicks > 0:
        rows.append({c['id']: '' for c in columns})
    return rows


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

这是CSV：

a,b,c,d
1,1,5,1
2,2,5,1
2,33,6,2
3,4,6,2

and this the "faulty" output:

提前谢谢，

最佳测试

Dash

您可以使用dash.callback_context属性仅在点击次数更改时触发回调，而不是在第一次单击之后触发回调，请参阅推荐答案文档：https://dash.plotly.com/dash-html-components/button中关于确定使用CALLBACK_CONTEXT"；更改了哪个按钮的一节。以下是如何更新回调的示例。

@app.callback(Output(component_id='my-div', component_property='children'),
    [Input('btn-nclicks-1', 'n_clicks'), Input('adding-rows-table', 'data')])
def update_output_div(n_clicks, data):

    changed_id = [p['prop_id'] for p in dash.callback_context.triggered][0]

    if 'btn-nclicks-1' in changed_id:

        print(data)
        # n_clicks = 0
        # return n_clicks

    else:

        print("else loop")

这篇关于Ploly Dash：如何重置dash-html.Button的&quot；n_clicks&quot；属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！