破坏性地 - 动态创建下拉菜单,选择多行,表导出?

问题描述 投票:0回答:1

我有一个如下所示的数据集:

cat_id  author  year    publisher   country value (dollars)
name1   kunga   1998    D and D Australia   10
name2   siba    2001    D and D UK  20
name3   siba    2001    D and D US  20
name3   shevara 2001    D and D UK  10
name3   dougherty   1992    D and D Australia   20
name4   ken 2011    S and K Australia   10

我想把它变成一个情节冲刺的表格。我有大多数我想要设置的代码:

#!/usr/bin/env python
import dash
from dash.dependencies import Input, Output, State
import dash_table
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd

app = dash.Dash(__name__)
df = pd.read_excel('dash_test_doc.xlsx')


app.layout = html.Div([
    html.Div([
        dcc.Input(
            id='adding-rows-name',
            placeholder='Enter a column name...',
            value='',
            style={'padding': 10},
        ),
        html.Button('Add Column', id='adding-rows-button', n_clicks=0)
    ], style={'height': 50}),



     dash_table.DataTable(
         id='adding-rows-table',
         columns=[{"name": i, "id": i} for i in df.columns],
         data = df.to_dict('rows'),
         editable=True,
         filtering=True,
         sorting=True,
         sorting_type="multi",
         row_selectable="multi",
         row_deletable=True,
         selected_rows=[],
         pagination_mode="fe",
         style_cell_conditional=[
         {
             'if': {'row_index': 'odd'},
             'backgroundColor': 'rgb(230, 255, 230)'
         }
     ] + [
         {
             'if': {'column_id': c},
             'textAlign': 'left'
        } for c in ['Date', 'Region']
    ],
    style_header={
        'backgroundColor': 'white',
        'fontWeight': 'bold'
    }
    ),

    html.Button('Add Row', id='editing-rows-button', n_clicks=0),
    dcc.Graph(id='adding-rows-graph'),
])

@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


@app.callback(
    Output('adding-rows-table', 'columns'),
    [Input('adding-rows-button', 'n_clicks')],
    [State('adding-rows-name', 'value'),
     State('adding-rows-table', 'columns')])
def update_columns(n_clicks, value, existing_columns):
    if n_clicks > 0:
        existing_columns.append({
            'id': value, 'name': value,
            'editable_name': True, 'deletable': True
        })
    return existing_columns


@app.callback(
    Output('adding-rows-graph', 'figure'),
    [Input('adding-rows-table', 'data'),
     Input('adding-rows-table', 'columns')])
def display_output(rows, columns):
    return {
        'data': [{
            'type': 'heatmap',
            'z': [[row.get(c['id'], None) for c in columns] for row in rows],
            'x': [c['name'] for c in columns]
        }]
    }


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

如果有人能提供帮助,我只会挣扎三件事我会很感激:

  1. 我想为每列创建一个下拉菜单,而无需预先定义下拉选项并允许多个选择。例如,在这里使用表格,在出版商中,有两种选择(D和D,以及S和K);我希望那些自动显示为下拉选项来过滤,而不必对其进行硬编码,因为例如,如果我编辑输入表并添加一行,并且添加了另一个发布者(例如A和D),我想要A和D自动添加到下拉选项? (所以最终,我的想法是模仿excel,我可以从下拉列表中选择,例如D和D以及此列的下拉列表中的S和K,并且将根据此过滤条目)。
  2. 是否可以选择多行,并通过一个动作删除它们?在那一刻,我可以删除单行。
  3. 是否可以导出表格?例如说我读了一个表,然后有人删除了一些列/行,我可以导出生成的表吗?

如果有人能帮我弄清楚这些代码,我会很感激。作为旁注,由于我刚刚开始,如果有人对此脚本的改进有任何其他建议,我会很感激。

python plotly plotly-dash
1个回答
1
投票
  1. 你可能想要做的是为每个下拉列表(或所有这些下拉列表的多输出回调)创建一个回调输出到options道具。可能是由表的更新触发的。您可以使用虚拟下拉选项初始化布局中的下拉列表,然后让回调从那里获取。
  2. 我不确定该表是否单独执行,但您可以使表的回调执行此操作。因为每个唯一输出只能有一个回调,所以涉及更新表的data prop的任何内容都必须在seam回调下运行。您可以添加像“删除行”这样的按钮来监听Input,并将数据和选定的行用作State。单击该按钮并触发回调时,只需重建rows_selected值中没有行的表的数据帧,然后再次输出到表的数据。
  3. 当然。出口怎么样?您可以从按钮设置回调,“导出数据”可以根据需要导出它。您可以让函数将数据转储到文件中,或将其打印到控制台,将其保存在数据库中,通过电子邮件发送或基本上您想要的任何内容。你可以用Python做的任何事情。回调需要一个输出,所以可能只需打开一个对话框或小吃栏,让用户知道已经收到并开始/完成了导出请求。
© www.soinside.com 2019 - 2024. All rights reserved.