python dash输入带有for循环，并通过将行，列和矩阵的数量作为参数发送

Question

我想通过将行，列和矩阵作为参数发送的数量来创建一个带有for循环的输入。我写的是下面的代码。我在哪里做错了（我想创建图片中的输入框）

matris_toplam = html.Div([
    html.Div(
        [html.Hr(), 
            html.Label('Matrix Row Number'),
            html.Br(),
            dcc.Input(id='msatir', type='number',
                      style={'textAlign': 'center', 'width': 'auto'}),
            html.A('          [ ? ]', title='Toplanacak Matrislerin Satır Sayısı', href=''),
            html.Br(),
            html.Label('Matrix Column Sayısı'),
            html.Br(),
            dcc.Input(id='msutun', type='number',
                      style={'textAlign': 'center', 'width': 'auto'}),
            html.A('          [ ? ]', title='Toplanacak Matrislerin Sütun Sayısı', href=''),
            html.Br(),
            html.Label('Matrix Number'),
            html.Br(),
            dcc.Input(id='msayi', type='number',
                      style={'textAlign': 'center', 'width': 'auto'}),
            html.A('          [ ? ]', title='Toplanacak Matrislerin Sayısı', href=''),
            html.Br(),


        ],
        className='mt-2 ml-2',
    ),

])

def matrixbox(row,col,sayi):
    b=row*col*sayi
    return [dcc.Input(type='text', id='input%i' % i)for i in range(b)]

@app.callback(
    [dash.dependencies.Output('input%i' %i, 'children')for i in range(row*col*sayi)],
    [Input("msatir", "value"),Input("msutun", "value"),Input("msayi", "value")],
    
)

def update_output(row,col,sayi):
    if row != None and col != None and sayi != None:
        a=matrixbox(row,col,sayi)
        return '{}'.format(a)

Answer 1

我会让您的样式:)。这应该起作用。

from dash import Dash, html, dcc
from dash.dependencies import Input, Output, State
import dash_bootstrap_components as dbc


app = Dash(__name__)

app.layout =  html.Div([
    html.Div(
        [html.Hr(), 
            html.Label('Matrix Row Number'),
            html.Br(),
            dcc.Input(id='msatir', type='number',
                      style={'textAlign': 'center', 'width': 'auto'}),
            html.A('          [ ? ]', title='Toplanacak Matrislerin Satır Sayısı', href=''),
            html.Br(),
            html.Label('Matrix Column Sayısı'),
            html.Br(),
            dcc.Input(id='msutun', type='number',
                      style={'textAlign': 'center', 'width': 'auto'}),
            html.A('          [ ? ]', title='Toplanacak Matrislerin Sütun Sayısı', href=''),
            html.Br(),
            html.Label('Matrix Number'),
            html.Br(),
            dcc.Input(id='msayi', type='number',
                      style={'textAlign': 'center', 'width': 'auto'}),
            html.A('          [ ? ]', title='Toplanacak Matrislerin Sayısı', href=''),
            html.Br(),
            

        ],
        className='mt-2 ml-2',
    ),
    html.Div(id='container', style={'display':'flex'})

])

@app.callback(
    Output('container', 'children'),
    [Input("msatir", "value"),Input("msutun", "value"),Input("msayi", "value")],
    
)


def update_output(row,col,sayi):
    final = []
    lst = list()
    if row != None and col != None and sayi != None:
        for k in range(sayi+1):
            
            if k != sayi:
                for i in range(col):
                    lst.append(dbc.Row([dbc.Col(dbc.Input(type='number', id=f'input{k}{j}{i}',
                                        style={'textAlign': 'center','placeholder':'input'})) for j in range(row)]))
            else:
                for i in range(col):
                    lst.append(dbc.Row([dbc.Col(dbc.Input(type='text', id=f'input{k}{j}{i}',placeholder='output',
                                        style={'textAlign': 'center', 'border': '1px solid #588BAE'})) for j in range(row)]))

            final.append(html.Div(lst,style={'display': 'flex','margin-right': '40px'}))
            
            lst = []
        
        return final

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