首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用交互组件(ipywidgets)“盘活”Jupyter Notebook(上)

但让我们快速定义一下: 小部件是GUI元素,如按钮下拉菜单或文本框,它驻留在浏览器中,允许我们通过响应事件和调用指定的处理程序来控制代码和数据。 可以组装和定制这些GUI元素来创建复杂的仪表盘。...同样,我们可以设置小部件的: ? 演示: 连接两个小部件 我们可以使用jslink()函数同步两个小部件的。...演示:按钮事件处理程序 下一节我们将很好地了解到,输出与按钮本身显示在同一个单元格中。所以,让我们继续看看如何为我们的笔记本增加更多的灵活性!...我们首先定义一个下拉列表,并用唯一的年份列表填充它。...使用下拉列表筛选数据帧 到目前为止还不错,但是所有查询的输出都在这个非常相同的单元格中累积;也就是说,如果我们从下拉列表中选择一个新的年份,新的数据框将呈现在第一个单元格的下面,在同一个单元格上。

13.3K61
您找到你想要的搜索结果了吗?
是的
没有找到

CSS 下拉菜单与 focus

究竟何为 tabindex,当时并没有深究,只知道加上后确实点击有反应了。当然出问题后又仔细翻了翻这方面的内容,就不按照平时我喜欢的讲故事般的时间顺序整理,直接放上来。...这里有两个问题: 为什么要加 tabindex? 为什么要填 0? Spectre 解释是这样让按钮可获得焦点,事实上,并非所有元素默认支持聚焦。...稍微查询就会发现,tabindex 是个全局属性,也就是说可以给几乎任何元素加上以使其可以聚焦, 、 等,当然也包含不带 href 属性的 。...至于为什么要填 0,这还要从 tabindex 另外两个作用说起。...上面表述中的「一般」表示这其实是有例外的,比如点击其他默认可聚焦的元素( 、button 等等)就会使新聚焦的元素顶替原聚焦的元素让先前的元素失焦。

5.4K20

Java Swing用户界面组件:复选框+ 滑块+组合框+边界+单选按钮

单选按钮 在前一个例子中,对于两个复选框来说,用户可以选择一个、两个或者两个都不选。在很多情况下,我们需要用户只选择几个选项当中的一个。当用户选择另一个的时候,前一个就会自动地取消选择。...注意,按钮组仅仅控制按钮的行为,如果想把这些按钮组织在一起布局,需要把它们添加到容器中,JPanel。 看一下图9-15和图9-16,会发现单选按钮的外观不同于复选框。...最常见的是在一个面板周围设置边界,然后用其他用户界面元素(单选按钮)来填充面板。 有几种不同的边界可供选择,但是使用它们的步骤完全一样。 1)调用BorderFactory的静态方法创建边界。...组合框 如果有多个选择项,使用单选按钮就不太合适了,其原因是占据的屏幕空间太大。这时可以选择组合框。 当用户点击这个组件时,选择列表就会下拉出来,用户可以从中选择一项(见图9-18)。...下面将看一下如何为滑块添加装饰。 当用户滑动滑块时,滑块的就会在最小和最大之间变化。当值发生变化时,ChangeEvent事件就会向所有的改变监听器发出通知。

6.8K10

AngularDart Material Design 下拉列表 顶

如果OptionGroup为空并且已定义emptyLabel,则下拉列表将包含其他组。 如果没有为空组定义emptyLabel,它将不会出现在列表中。...材料选择具有固定的最大高度和自动溢出。 一旦有用例,我们可以为自定义最大高度添加属性。 请参阅示例以了解用法 Attributes: buttonAriaRole - 按钮图标的Aria标签。...buttonAriaLabelledBy String  在下拉按钮中描述选择的元素的id。 例如,对于带有数字选项的下拉列表,显示“每页结果”的文本元素。...有效为x,y或null。 trackLayoutChanges bool  设置建议列表是否随输入框滚动。 这是一个传递属性,PopupInterface中所定义。...visible bool  下拉列表是否可见。 width dynamic  下拉列表的宽度,默认为无,有效为0-5。

5K20

html下拉框设置默认_html下拉列表框默认

HTTP 服务默认…… name 的属性必须要相同,必须有一个 value 实现默认选中的属性 :checked=”checked” – 文件输入项(在后期上传时候用到): -下拉…… html>...HTML 基本语法与基本结构(重点) 标记的…… 2 【案例16】趣味选择题 案例引入 学习表单的核心是学习表单控件,HTML 语言提供了一系列的表单控件,用于定义不同 的表单功能,文本输入框、下拉列表...…… 列表 定义表单中下拉菜单的项目 设置下拉式菜单的默认项目 设置下拉菜单项目的 A 441 HTML 基础篇 HTML 进阶篇 CSS 基础篇 CSS 进阶篇 附录篇 续表 HTML …… 4-5...表单域:包含了文本框、密码框、隐藏域、多 行文本框、复选框、单选框、下拉列表框和文 件上传框等。 ? 表单按钮:包括提交按钮、复位按钮和一般按 钮。 ?...… 这里是固定第一行为表头) 窗口选项——选择拆分——再次选择冻结窗口——完成 如何设置单列下拉菜单: 无关联添加:使用有效性-序列,将要下拉的内容输入框内,中间以…… 版权声明:本文内容由互联网用户自发贡献

33.7K21

PyQt十讲 | Qt Designer工具的使用方法

如有需要,可以关注本公众号,查找翻看历史文章 《分享 | 如何为Pycharm打开视界》。 以下为Qt Designer工具主界面 ?...主界面的不同区域介绍: 控件工具箱:提供Gui界面开发各种基本控件,单选框、文本框等。可以拖动到新创建的主程序界面。 ? 主界面区域: 用户放置各种从工具箱拖过来的各种控件。...信号/槽编辑器区域: 编辑控件的信号和槽函数,也可以添加自定义的信号和槽函数。 ? ? 基本控件介绍 工具箱区域是按照控件作用类别进行划分的。...Combo Box:下拉框列表。用于输入指定枚举。 ? (3)控件按钮,供用户选择与执行 Push Button:命令按钮。常见的确认、取消、关闭等按钮就是这个控件。clicked信号一定要记住。...Radio Button:单选框按钮。 Check Box:多选框按钮。 ? 如下所示即为上述几种工具箱基本控件的对比图。 ? ?

6.5K20

AWT常用组件

通常,一个按钮对应着一种特定的操作,确定、保存、取消等,从而用户可以用鼠标单击它来控制程序运行的流程。AWT的Button 类实例化按钮对象,该类的构造方法进行了两次重载。..., false); //定义一个下拉选择框 Choice colorChooser = new Choice(); //定义一个列表选择框 List colorList...接下来,创建了两个Button对象,分别用来触发显示对话框的操作。第一个按钮是"modal",点击后会显示第一个对话框,第二个按钮是"no modal",点击后会显示第二个对话框。...然后,设置了两个对话框的大小和位置。 接着,给两个按钮绑定了监听器,当按钮被点击时,对应的对话框会显示出来。在监听器的实现中,调用对话框的setVisible(true)方法显示对话框。...最后,将两个按钮添加到窗口的布局中,并设置窗口的最佳大小并可见。 这样,运行程序后,会显示一个窗口和两个按钮,点击按钮会显示对应的对话框。

7510

AngularDart Material Design 选择

deselectOnActivate bool  如果为true且selectOnActivate为true,则触发此项目组件将取消选择当前选定的;如果为false,则在选择时触发此组件将不执行任何操作...如果OptionGroup为空并且已定义emptyLabel,则下拉列表将包含其他组。 如果没有为空组定义emptyLabel,它将不会出现在列表中。...材料选择具有固定的最大高度和自动溢出。 一旦有用例,我们可以为自定义最大高度添加属性。 请参阅示例以了解用法 Attributes: buttonAriaRole - 按钮图标的Aria标签。...buttonAriaLabelledBy String 在下拉按钮中描述选择的元素的id。 例如,对于带有数字选项的下拉列表,显示“每页结果”的文本元素。...有效为x,y或null。 trackLayoutChanges bool  设置建议列表是否随输入框滚动。 这是一个传递属性,PopupInterface中所定义

6K20

这个插件竟打通了Python和Excel,还能自动生成代码!

两个选择: 从当前文件夹添加文件:这将列出当前目录中的所有 CSV 文件,可以从下拉菜单中选择文件。 按文件路径添加文件:这将仅添加该特定文件。...要在 Mito 中执行此操作,只需单击“Add Col”按钮。该列将添加到当前选定的列旁边。最初,列名将是一个字母表,列的所有都为零。...要使用 Mito 创建这样的表, 单击“Pivot”并选择源数据集(默认加载 CSV) 选择数据透视表的行、列和列。还可以为选择聚合函数。...所有下拉选项,求和、平均值、中值、最小、最大、计数和标准偏差都可用。 选择所有必要的字段后,将获得一个单独的表,其中包含数据透视表的实现。...接下来可以通过选择提供的选项按升序或降序对数据进行排序。 还可以使用自定义过滤器过滤数据。

4.7K10

IT课程 HTML基础 013_表单和用户输入

-- 表单元素在这里 --> 元素定义了用户输入数据的区域,并且可以包含不同类型的输入元素,文本域、下拉列表、单选框、复选框...表单属性: action:定义表单数据提交到服务器后的处理文件的 URL。 method:定义数据发送到服务器所使用的HTTP方法,常用的有 “get” 和 “post”。...单选按钮(Radio Buttons) 单选按钮和复选框可以让用户在多个选项中选择一个或多个。单选按钮的type属性为 “radio”。...下拉列表(select) 下拉列表可以让用户从多个选项中选择一个。它由元素创建,并使用元素来定义选项。...get:默认,指的是 HTTP GET 方法,表单数据会附加在 action 属性的 URL 中,并以 ?作为分隔符,一般用于不敏感信息,分页等。

8110

Azure给ubuntu虚拟机挂载数据盘的详细步骤

在 azure 上创建的虚机默认会分配两个磁盘,分别是系统盘和一个临时磁盘。如果我们要在系统中安装使用 mysql 等软件,需要再创建并挂载单独的数据盘用来保存数据库文件。...这是因为临时磁盘被定义为:用于临时数据处理的操作。特点是性能好(SSD),但是空间有限且存放在上面的数据没有保障(在一些情况下数据会被清空)。因此临时磁盘绝对不能用来存放重要数据。...接下来我们将介绍如何为虚拟主机添加数据盘。 检查虚机是否支持 首先需要确认的是你创建的虚机是否支持添加数据磁盘,这个问题其实也可以忽略。因为现在最便宜的虚机都能支持添加两块数据磁盘。...虚机使用的磁盘类型是在创建虚机配置时确定的,现在的默认就是托管磁盘: ? 本文 demo 中的磁盘类型都选择托管磁盘。 为虚机添加数据磁盘 好的,终于进入正题了!...在虚机的 disks 配置中点击 “Add data disk” 按钮开始添加磁盘,然后打开下拉列表并点击 “Create disk” 按钮: ? 填写磁盘的名称和一些基本的配置: ?

1.6K21

高级可视化 | Banber图表联动交互

在弹出框中,分别填写:参数名(用来进行筛选的参数,地区、姓名、部门等),参数类型(可选择文本、数值、日期),默认(图表初始要展示的条件,华南-对应地区、张三-对应姓名、销售1部-对应部门等)。...说明: 【参数类型】必须要与数据表中作为条件的字段类型匹配,如数据表中的地区是文本类型,那么参数类型必须选择参数类型为:文本 【默认】为图表初始要展示的条件,如果默认为空,则图表显示的为所有数据,设置默认为华南...将“事业部”拖拽到条件筛选,点击下拉箭头-->自定义条件-->添加条件。 ? 在弹出框中,点击下拉箭头,选择之前设置的筛选条件绑定。 ?...依次选择单击-->链接跳转(本简报)-->当前标签页。 ? 点击添加参数,绑定设置的参数。 ? 点击“请选择下拉按钮选择“分类轴”。 ?...为了让两个图表的联动性看上去更强,可点击左侧形状,添加一个合适的箭头在两个图表之间,同时添加文字说明。 ? 最后点击分享按钮,预览效果。 ? 温馨提示: 在编辑页面是无法查看效果的!

1.8K20

后台系统设计(上篇:选择

常见类型: ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥的选项中选择一个。通常,将一个选项定义为默认选择。 外观 常规: ?...最佳用法 ·只有一个选项或仅仅有两个相互排斥的选项,考虑单个复选框或切换开关等其他非互斥的选择控件;若当前选项过多时,且在有限的屏幕空间下,考虑使用下拉菜单或列表框。...·在用户与复选框交互时,请提供良好视觉反馈,且按钮本身状态提供良好的能供性(默认、悬停、选中、禁用和未全选状态)。 讨论:仅有两个互斥的选项(二元)是选择单选按钮还是复选框?...上下文菜单,例如,常见的右键操作及文本选择命令(剪切、复制和粘贴等): ? 下拉选择器。多适用于颜色、日历(日月年)、日期、时间等内容: ?...颜色下拉控件应该有允许用户输入的地方,这样用户就可以更加方便直观的输入品牌色或其他需求;对于自定义设置,可提供一部分色卡,这样对于不知如何下手、不知如何搭配颜色的人而言,提供了简单的选择。 ?

9.6K21

Flask Web 极简教程(四)- Flask WTF Froms

表单域:包含了文本框密码框、隐藏域多行文本框、复选框单选框下拉选择框和文件上传框等。...表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作常见的表单有注册表单、登录表单、搜索表单等视图函数中获取表单数据的方式有两种...FloadField,浮点数输入IntegerField,整数输入DecimalField,精确小数输入单选多选等选择相关类型 RadioField,radio单选SelectField,下拉单选SelectMultipleField...,下拉多选BooleanField,勾选日期时间相关类型 DateField,日期选择DateTimeField,日期时间选择文件上传相关类型 FileField,文件单选MultipleFileField...,文件多选其他类型 SubmitField,提交表单按钮FieldList,自定义的表单选择列表FormField,自定义多个字段构成的选项

3.9K20

HTML第二天

–dl-dt-dd (底部导航用) dl 标签:表示自定义列表的整体 dl 标签中只允许包含dt/dd标签 dt 标签:表示自定义列表的主题 dt/dd标签可以包含任意内容 dd 标签:表示对于主题的每一项内容...=”file” multiple>** multiple–多文件选择 按钮:**** 提交按钮,提交数据给后端服务器 重置按钮,恢复表单默认...按钮标签:**** type=”button” – 可以设置 type 属性 submit–提交按钮 reset–重置按钮 button–普通按钮 谷歌浏览器中 button...默认是提交按钮 button 标签是双标签,更便于包裹其他内容:文字、图片等 select 下拉菜单标签 select 标签:下拉菜单的整体 option 标签:下拉菜单的每一项 select 标签语法...文件选择/文件上传 file multiple 提交按钮 submit 配合form 重置按钮 reset 配合form 普通按钮 button 配合form ---- 本节单词有: table border

2.9K20

Flask Web 极简教程(四)- Flask WTF Froms(Part A)

表单域:包含了文本框密码框、隐藏域多行文本框、复选框单选框下拉选择框和文件上传框等。...表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作 常见的表单有注册表单、登录表单、搜索表单等 视图函数中获取表单数据的方式有两种...SelectField,下拉单选 SelectMultipleField,下拉多选 BooleanField,勾选 日期时间相关类型 DateField,日期选择 DateTimeField,日期时间选择...文件上传相关类型 FileField,文件单选 MultipleFileField,文件多选 其他类型 SubmitField,提交表单按钮 FieldList,自定义的表单选择列表 FormField...,自定义多个字段构成的选项

3.1K20

【SWT】常用代码及接口(一)

display.readAndDispatch()) diaplay.sleep(); } 通过readAndDispatch()方法进行读取事件 二:常用API getText()获取组件标签文字,标签未设或分隔符则返回空...)) 按钮常用API:   setSelection(Boolen selected)如果接受者样式为SWT.CHECK,SWT.RADIO,SWT.TOGGLE样式风格,则可以设置他的选择状态 四:Text...它和按钮一 样都是常用的 SWT 组件,二者常常配合使用 1.定义文本框方法 构造方法: public Text(Composite parent,int style) 2:构造用法:  Text...clearSelection()清除所选文本 五:Combo类 下拉框(Combo)作用是用户从下拉项中 选择选项,用户也可以在下拉框(Combo)中键入选项。...通过监听器发送到 SelectonListener 接口中定义的一 个消息来通知监听器。 clearSelection()将下拉框文本域中的选择设置为空。 copy()复制选中的文本。

10910
领券