今天第23课,本节课程主要学习Dash Bootstrap Components中的标签页Tabs,类似页面中常见的对话框,在python web网页设计中较为常用。请欣赏自己录制的白噪声《仲夏夜的宁静》。祝大家每一天都开心快乐~~~
(一)功能
具有Bootstrap样式的自包含标签组件。
一个Tabs有一个或多个Tabs构成。使用Label制定Tab便签页的文字说明,各个便签页实现点击切换功能。
(二)调用方式
dbc.Tabs
bdc.Tab
(三)Tabs关键参数
active_tab(字符串,可选):当前活动选项卡的tab_id。如果尚未为活动选项卡指定tab_id,则默认为tab-i,其中i是选项卡的索引(从0开始)。
card:(布尔值,可选):如果使用CardHeader中的选项卡,则设置为True。
tab_style(字典,可选):定义CSS样式,这些样式将覆盖先前设置的样式。此处设置的样式适用于选项卡中的NavItem。
label_style(字典,可选):定义CSS样式,这些样式将覆盖先前设置的样式。此处设置的样式适用于选项卡中的NavLink。
persistence:(布尔值|字符串|数字,可选):用于在刷新组件(或页面)时保留该组件中的用户交互数据。如果`persisted`是真实的并且没有从其先前的值更改,只要新的`value'也与最初给出的值匹配,则用户在使用应用程序时更改的`value`将保留该更改。与`persistence_type`结合使用。
persistence_type(值等于:“ local”,“ session”,“ memory”):将存储持久的用户更改的位置:memory:仅保存在内存中,在刷新页面时重置。local:window.localStorage,退出浏览器后保留数据。session:window.sessionStorage,一旦浏览器退出,数据将被清除。
(四)Tab关键参数
label(字符串,可选):选项卡的标签,显示在选项卡本身中。
tab_id(字符串,可选):选项卡的可选标识符,用于确定未指定哪个选项卡可见,并且在Tabs组件内使用Tab时,tabId将设置为“tab-i”,其中i是(零索引)位置 粘贴到“选项卡”组件的列表选项卡中的“选项卡”。
disabled(布尔值,可选):确定选项卡是否被禁用-默认为false。
(五)Tabs使用层层深入
1. 基本使用方法
使用dbc.Tabs([dbc.Tab(),dbc.Tab(),......,dbc.Tab()])构建内容。
import dash_bootstrap_components as dbcimport dash_html_c