вкладки контролируются чертой поля ввода - PullRequest
Новая
       26

вкладки контролируются чертой поля ввода

0 голосов
/ 20 января 2020

Как я могу контролировать 2 вкладки с помощью одного поля ввода? Пример Если поле ввода пустое, то обе вкладки генерируют графики по общему объему данных, но если ввод дан, допустим, что в поле ввода указан идентификатор сотрудника, тогда данные для обеих вкладок получают подмножество, и графики также обновляются.

Здесь я хочу, чтобы 2 вкладки были связаны с полем ввода, используя тире / flask. 

    app.layout = html.Div([dashboard,
                           html.Div(
                           dcc.Input(id='AgentID', type='text')),
                           html.Button('Submit', id='button'),
                           html.Div(id='output-tab'),
                           dcc.Tabs(id="tabs-example", value='tab-1-example',
                            children=[dcc.Tab(label='Summary', value='tab-1-example'),
                                      dcc.Tab(label='Triggers', value='tab-2-example')
                                            ],
                            style={'fontsize':'20px','marginBottom':'0.5em',
                                   'width':'98%','marginLeft':'12px'}),
                           html.Div(id='tabs-content-example',style={'width':'100%','height':'100%'}),
                           html.Div(id='tabs-content- 
                           example1',style='marginTop':'-210px','backgroundColor':  
                           '#E7E6E5','width':'100%','height':'50%'})
                          ],style={'backgroundColor':  
                         '#E7E6E5','position':'absolute','width':'100%','height':'120%'})
@app.callback(
            dash.dependencies.Output('tabs-example', 'children'), 
            [dash.dependencies.Input('button', 'n_clicks')], 
            [dash.dependencies.State('AgentID', 'value')])

def update(n_clicks, value):
       if n_clicks == None:
            df = df2.copy()
        else:
            df = df2[df2['AGENT_ID'] == value]
...