Dash应用中处理逗号分隔的多值输入：从字符串到列表的转换实践

input_string = '-1, "", "na", "#99", 100'
string_list = input_string.split(',')
print(string_list)
# 初始输出: ['-1', ' ""', ' "na"', ' "#99"', ' 100']

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

# 使用dash-bootstrap-templates提供的CSS样式
dbc_css = "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.4/dbc.min.css"

app = Dash(
    __name__,
    suppress_callback_exceptions=True,
    external_stylesheets=[dbc.themes.BOOTSTRAP, dbc_css],
)

app.layout = dbc.Container(
    html.Div([
        html.H4("Dash多值输入处理示例", className="mb-4"),
        dbc.Input(
            id='multi-value-input',
            type='text',
            placeholder='请输入逗号分隔的值，例如：-1, "", na, #99, 100',
            className="mb-2"
        ),
        dbc.Button(id='submit-button', children='提交', className='mb-3'),
        html.Hr(),
        html.Div(id='output-display', className='mt-3')
    ])
)

# 定义一个辅助函数来解析和转换输入字符串
def parse_input_string_to_list(input_str):
    """
    将逗号分隔的字符串解析为包含不同数据类型的列表。
    示例输入: '-1, "", "na", "#99", 100'
    预期输出: [-1, '', 'na', '#99', 100]
    """
    if not input_str:
        return []

    # 1. 使用逗号分割字符串
    elements = input_str.split(',')

    parsed_list = []
    for item in elements:
        # 2. 清除每个元素的首尾空格
        stripped_item = item.strip()

        # 3. 根据业务逻辑处理特定值和类型
        if stripped_item == '""': # 用户可能输入 "" 来表示空字符串
            parsed_list.append("")
        elif stripped_item == '': # 仅仅是逗号分隔产生的空项
            parsed_list.append("")
        elif stripped_item.lower() == 'na': # 特定字符串 'na'
            parsed_list.append('na')
        elif stripped_item.startswith('#'): # 以 '#' 开头的字符串
            parsed_list.append(stripped_item)
        else:
            # 尝试转换为整数
            try:
                parsed_list.append(int(stripped_item))
            except ValueError:
                # 如果不是整数，则作为普通字符串处理
                parsed_list.append(stripped_item)
    return parsed_list

@app.callback(
    Output('output-display', 'children'),
    Input('submit-button', 'n_clicks'),
    State('multi-value-input', 'value'),
    prevent_initial_call=True,
)
def process_multi_value_input(n_clicks, input_val):
    if n_clicks is None:
        return dash.no_update # 避免初始回调

    if not input_val:
        return html.P("请输入值。", className='text-warning')

    # 使用自定义的解析函数处理用户输入
    final_list = parse_input_string_to_list(input_val)

    return html.Div([
        html.P(f"原始输入字符串: {input_val}"),
        html.P(f"处理后的列表: {final_list}"),
        html.P(f"列表类型: {type(final_list)}"),
        html.P(f"列表元素类型示例: {[type(item).__name__ for item in final_list]}"),
    ])

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