Python破折号嵌套html ul列表
我想创建一个破折号html组件来显示一个具有一定深度的嵌套可折叠树。我有一个html div,我希望它包含一个根Python破折号嵌套html ul列表,python,html,plotly-dash,Python,Html,Plotly Dash,我想创建一个破折号html组件来显示一个具有一定深度的嵌套可折叠树。我有一个html div,我希望它包含一个根html.Ul。 对于每个深度,我都有一个标签列表和一个包含相应子树的列表,这些子树是下一个深度的标签 html.Ul([ html.Li([ 'subtotal1', html.Ul([html. Li([...] ) ]), 'subtotal2', html.
html.Ul
。
对于每个深度,我都有一个标签列表和一个包含相应子树的列表,这些子树是下一个深度的标签
html.Ul([
html.Li([
'subtotal1',
html.Ul([html. Li([...] ) ]),
'subtotal2',
html. Ul([html. Li([...]) ] )
] )
])
这是我的一个深度代码:
html_lists = []
for i in reversed(range(1,2)):
html_ul_list = html.Ul([])
pp.pprint(fp_data[i], indent = 4)
for cat in fp_data[i]['unique']:
html_ul_list.children.append(
html.Li([cat,
html.Ul(
[html.Li(fp_data[i]['lists'][idx]) for idx in range(0,len(fp_data[i]['lists']))]
)
])
)
html_lists.append(html_ul_list)
在哪里
编辑:提供数据的更多试验:
html_lists = []
for i in reversed(range(0,3)):
html_ul_list = html.Ul([],style = {'text-align':'left', 'marginLeft':'5px'})
pp.pprint(fp_data[i], indent = 4)
for idxcat,cat in enumerate(fp_data[i]['unique']):
print('idxcat',idxcat)
print(fp_data[i]['lists'])
html_ul_list.children.append(
html.Li([cat,
html.Ul(
[html.Li(fp_data[i]['lists'][idxcat][idx]) for idx in range(0,len(fp_data[i]['lists'][idxcat]))]
)
])
)
html_lists.append(html_ul_list)
您能展示任何示例或链接吗?是的,我正在尝试用python数据填充这个示例或链接:您想使用python动态创建UI,对吗?没错!我可以做一些深度的硬编码,但我不知道如何将我的结构转换为嵌套的html.Ul/LiHey最后一件事我想知道的是,方法的输入格式是什么。
html_lists = []
for i in reversed(range(0,3)):
html_ul_list = html.Ul([],style = {'text-align':'left', 'marginLeft':'5px'})
pp.pprint(fp_data[i], indent = 4)
for idxcat,cat in enumerate(fp_data[i]['unique']):
print('idxcat',idxcat)
print(fp_data[i]['lists'])
html_ul_list.children.append(
html.Li([cat,
html.Ul(
[html.Li(fp_data[i]['lists'][idxcat][idx]) for idx in range(0,len(fp_data[i]['lists'][idxcat]))]
)
])
)
html_lists.append(html_ul_list)