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

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

最佳用法 ·只有一个选项或仅仅有两个相互排斥的选项,考虑单个复选框或切换开关等其他非互斥的选择控件;若当前选项过多时,且在有限的屏幕空间下,考虑使用下拉菜单或列表框。...二、复选框 允许用户从非互斥的选项中,选择任意数量的选项(零个、一个或多个) 单个使用时,复选框提供了两个互斥(二元)的操作选项。 外观 常规: ? ? 全选操作(未全选状态): ?...五、Transfer 穿梭框/列表构造器 在同一页面上显示 「源」 列表和 「目的」 列表,通过使用按钮或拖拽,直观的在两栏之间移动元素,完成选择行为。 外观 常规: ?...·列表提供全选和多选操作,以便用户能够在列表间移动大量选项。 ·实时显示当前被选中列表/ 「源」 列表的数量比及 「目的」 列表的数量。 ·若列表框内容大于视窗高度,列表框的高度为:N列表+½列表。...最佳用法 ·在较小的空间下,对多个选项进行选择或内容较为次要且不需要一直显示时,下拉菜单是不错的选择。若选项较少,考虑使用单选框(当进行单项选择时)或复选框(当进行多项选择时)。

9.8K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AngularDart Material Design 选择 顶

    MaterialSelectComponent Selector: 材料选择是用于从集合中选择项目的容器,使用复选图标标记所选选项。...可以手动(在模板中)或通过SelectionOptions实例指定选项。 可以通过模板或通过检查选择模型将选项标记为已选择。...MaterialSelectItemComponent Selector: 材料选择项是一种特殊的列表项,可以选择。...当与单个选择模型一起使用时,下拉选择时关闭。 使用多选模型时,用户必须通过单击其外部来关闭下拉列表。 可以通过传递material-select-item元素手动声明选择选项。...buttonAriaLabelledBy String 在下拉按钮中描述选择的元素的id。 例如,对于带有数字选项的下拉列表,显示“每页结果”的文本元素。

    6K20

    AngularDart Material Design 下拉列表 顶

    当与单个选择模型一起使用时,下拉选择时关闭。 使用多选模型时,用户必须通过单击其外部来关闭下拉列表。 可以通过传递material-select-item元素手动声明选择选项。...如果OptionGroup为空并且已定义emptyLabel,则下拉列表将包含其他组。 如果没有为空组定义emptyLabel,它将不会出现在列表中。...buttonAriaLabelledBy String  在下拉按钮中描述选择的元素的id。 例如,对于带有数字选项的下拉列表,显示“每页结果”的文本元素。...constrainToViewport bool 是否限制下拉位置,使其永远不会脱离屏幕。 deselectLabel String 选择项目的文本标签,取消选择当前选择项。...deselectOnActivate bool  是否在单击或enter/space键上取消选择所选选项。仅限单一选择模型。默认为true。

    5.1K20

    使用管理门户SQL接口(二)

    这将显示可用名称空间的列表,可以从中进行选择。 应用筛选器或从模式下拉列表中选择模式。 可以使用Filter字段通过输入搜索模式来筛选列表。...可以在一个模式或多个模式中筛选模式,或筛选表/视图/过程名(项)。 搜索模式由模式名、点(.)和项目名组成——每个名称由文字和通配符的某种组合组成。字面值不区分大小写。...*开头的模式中的所有Person项。 Person*返回所有模式中以Person开头的所有项。 可以使用逗号分隔的搜索模式列表来选择满足所列模式(或逻辑)中的任何一种的所有项。...从schema下拉列表中选择一个模式将覆盖并重置之前的任何筛选器搜索模式,选择单个模式。 指定筛选器搜索模式将覆盖之前的任何模式。...展开类别的列表,列出指定架构或指定筛选器搜索模式的项。 展开列表时,不包含项的任何类别都不会展开。 单击展开列表中的项,在SQL界面的右侧显示其目录详细信息。

    5.2K10

    【愚公系列】2023年09月 WPF控件专题 ComboBox控件详解

    一、ComboBox 控件详解 WPF中的ComboBox控件是一种用户界面元素,允许用户从一个下拉列表中选择一个选项。...ComboBox控件可以用于从一组数据中选择单个选项,或者允许用户手动输入数据。...如果设置为True,用户无法手动输入或选择下拉框中的项。 2.常用场景 WPF中ComboBox控件常用于以下场景: 选择器:用户可以从下拉列表中选择一个或多个项目。...显示器:ComboBox可以用来显示一个可选的项列表,当用户选择一个项时,其值会自动填充到TextBox或其他控件中。...下拉式菜单:适用于菜单项较多的场景,可以通过ComboBox来展示整个菜单,并进行多级选择。 ComboBox控件是一种非常灵活的控件,可以用于许多不同的场景中,为用户提供更好的交互体验。

    1.2K20

    【愚公系列】2023年11月 Winform控件专题 CheckedListBox控件详解

    欢迎 点赞✍评论⭐收藏前言Winform控件是Windows Forms中的用户界面元素,它们可以用于创建Windows应用程序的各种视觉和交互组件,例如按钮、标签、文本框、下拉列表框、复选框、单选框、...一、CheckedListBox控件详解CheckedListBox控件是Windows Forms中的一种常用控件,它用于显示一个多选列表框,可以让用户选择多个项。...添加列表项,可以使用Items属性添加单个或多个项。处理Check事件,根据用户选择的项来作出相应的响应。...1.属性介绍1.1 CheckOnClickCheckedListBox控件是Windows Forms中的一个常用控件,用于从列表中选择一个或多个项目。...文件选择:在某些情况下,需要让用户选择一个或多个文件,并将它们添加到特定的集合中。CheckedListBox可以用于此目的。例如,一个文档编辑器可以让用户选择要打开的文件,然后将它们添加到编辑器中。

    1.2K11

    前端小技能,10个基本组件的代码片段

    1 简介 在HTML的控件中,下拉选择框是常用的控件,用来选择对应的选项,每条数据项称为列表项。...下拉列表是网页中一种最节省页面空间的选择方式,只有单击下拉按钮后才能看到全部的选项。例如很多网站的选择地区一栏,用到的就是下拉列表。...属性如下: autofocus:在页面加载时下拉列表自动获得焦点。 disabled:属性值为true时,禁用下拉列表。 form:定义select字段所属的一个或多个表单。...multiple:属性值为true时,可选择多个选项。 name:下拉列表的名称。 required:规定用户在提交表单前必须选择一个下拉列表中的选项。...size:下拉列表中可见选项的数目,下拉列表默认状态下只显示一个选项。如果需要让页面显示多个选项,就要使用 size 属性,不同浏览器对于一些标签会有不同的效果。

    2.3K10

    【愚公系列】2023年11月 Winform控件专题 ComboBox控件详解

    1.2 MaxDropDownItems和IntegralHeightComboBox控件是Winform中常用的控件之一,用于在下拉列表中显示可供选择的数据项。...1.3 DropDownStyleComboBox控件是Winform中常用的控件之一,它可以在多个选择项中提供一个下拉列表供用户选择。...它提供了一个下拉菜单列表,用户可以从中选择一个或多个项目。ComboBox控件的DrawMode属性用于设置ComboBox控件的绘制模式。...在这里,我们将ComboBox控件中的奇数行设置为红色,偶数行设置为黑色。在实际开发中,可以根据需求自行修改绘制代码,实现自定义的下拉列表项效果。...SelectedIndex属性是ComboBox控件中当前选择项在列表中的索引号。

    2.1K12

    Grafana 利用Grafana Variables变量配置快速切换不同主机的图表数据展示

    Dashboard中新建了多个pannel,用于监控目标主机性能,因为需要监控的机器比较多,所以,希望用这一套pannel能方便的展示不同主机的性能--根据用户选择的目标机器,自动展示对应的性能数据。...另外,还希望在某个pannel上展示1到多个measurement的数据,比如想同时查看看单个、多个磁盘的%util的性能数据 操作步骤 1、新建Dashboard及pannel 2、进入步骤1新建的...如图, General中 填写 Name, Type选择 Datasource, Data source options Type选择InfluxDB 其它,设置项保持默认。...Label 变量在下拉列表中中的名称(The name of the dropdown for this variable。 Hide 隐藏该变量的下拉选择框,即在Dashboard中不展示。...其它,设置项保持默认。 说明: Data source 设置从哪个数据源中查询。 Refresh 控制啥时候更新变量选择列表(变量下拉列表中的值)。

    10.2K10

    在测试自动化中使用Java枚举

    在决定用于存储测试数据的数据类型时,您可能需要满足以下条件: 允许声明多个属性 无行为或行为极少 允许轻松创建多个相似实体 对象几乎可以满足这些要求。...在注册表格上,从下拉列表中选择国家,从另一个下拉列表中选择城市,并通过在字段中键入来提供电话号码。...这意味着,从国家/地区下拉列表中,我们将选择与“ ES”枚举条目的“ 标签 ”属性相对应的值。这很容易检索:Country.ES.label。...但是,我们需要记住,出于显示目的,国家/地区下拉列表还包含一个不带任何文本的条目。要求说我们不想在下拉列表中有任何预定义的选择。 ? 选择国家/地区后,即可使用城市下拉菜单进行互动。...取决于您选择的国家,单击城市下拉列表后,您应该只会看到与该国家相对应的城市。请记住,此下拉菜单还具有空文本选项,用于显示。 ?

    3.2K10

    在测试自动化中使用Java枚举

    在决定用于存储测试数据的数据类型时,您可能需要满足以下条件: 允许声明多个属性 无行为或行为极少 允许轻松创建多个相似实体 对象几乎可以满足这些要求。...在注册表格上,从下拉列表中选择国家,从另一个下拉列表中选择城市,并通过在字段中键入来提供电话号码。...这意味着,从国家/地区下拉列表中,我们将选择与“ ES”枚举条目的“ 标签 ”属性相对应的值。这很容易检索:Country.ES.label。...但是,我们需要记住,出于显示目的,国家/地区下拉列表还包含一个不带任何文本的条目。要求说我们不想在下拉列表中有任何预定义的选择。 选择国家/地区后,即可使用城市下拉菜单进行互动。...取决于您选择的国家,单击城市下拉列表后,您应该只会看到与该国家相对应的城市。请记住,此下拉菜单还具有空文本选项,用于显示。

    2.7K20

    Selenium处理下拉列表

    在执行Selenium自动浏览器测试时,很多时候需要处理下拉菜单。下拉菜单通常用于表单中,在节省空间和防止用户在表单中选择错误的选项时非常有用。...在Selenium测试自动化中,自定义下拉列表是根据开发人员定义的事件进行处理的,而常规下拉列表则由称为Select类的特殊Selenium类对象进行处理。...单值下拉 多值下拉 访问单个或多个值下拉菜单没有区别,只是多个值下拉菜单允许用户从下拉选项中选择多个值。 WebDriverIO在下拉菜单上提供以下操作。...通常,在其他Selenium测试自动化框架中,您将使用selectByValue()选项,该选项允许用户仅使用value属性选择下拉列表。...多值下拉 如果您看到标签具有multiple="true"属性,则此下拉列表具有选择多个选项的功能。当您使多个值下拉列表自动化时,必须多次调用上述方法。

    6.1K20

    前端成神之路-列表和表单

    如下图 **作用: ** 表单目的是为了收集用户信息。 在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单。...,通过value显示默认值 用户名、昵称、密码等 textarea 文本域 可以显示多行文本 双标签,默认值写到标签中间 留言板 2.4 select下拉列表 目的: 如果有多个选项让用户选择,为了节约空间... 注意: 中至少包含一对 option 在option 中定义selected =" selected "时,当前项即为默认选中项。...通过form表单域 目的: 在HTML中,form标签被用于定义表单域,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。...method get/post 用于设置表单数据的提交方式,其取值为get或post。 name 名称 用于指定表单的名称,以区分同一个页面中的多个表单。 注意: 每个表单都应该有自己表单域。

    1.6K20

    定义和构建索引(四)

    可以为系统分配的行ID为正整数值的表中的字段定义位片索引,也可以为使用%BID属性定义以支持位图(和位片)索引的表中的字段定义位片索引。 位片索引只能为单个字段名定义,不能为多个字段的连接定义。...选择命名空间后,选择屏幕左侧的Schema下拉列表。这将显示当前名称空间中的模式列表,其中带有布尔标志,指示是否有任何表或视图与每个模式相关联。 从此列表中选择一个架构;该架构将显示在架构框中。...它的正上方是一个下拉列表,允许选择属于该模式的表、系统表、视图、过程或所有这些。选择“表”或“全部”,然后打开“表”文件夹以列出此架构中的表。如果没有表,则打开文件夹将显示空白页。...(如果未选择“表”或“全部”,则打开“表”文件夹将列出整个命名空间的表。) 选择其中一个列出的表。这将显示表的目录详细信息。 要重建所有索引:单击操作下拉列表,然后选择重建表的索引。...因此,在重新生成索引时,不能依赖任何经过优化以使用该索引的代码。 使用pLockFlag=2(行级锁定)的持久化类(表)的%BuildIndices()方法构建一个或多个索引。

    77730

    【架构师(第二十一篇)】编辑器开发之需求分析和架构设计

    需求分析 可能会收获什么 做一个什么样的项目才能完成前端瓶颈期的突破 如何从需求中寻找项目的关键难点,痛点 如何写技术解决方案,以文档的形式创造可追溯的思考模型 如何进行基础的技术选型 多项目复用的业务组件库...组件库难点解决方案 两个项目如何复用组件 单独代码库 把组件单独抽成独立的代码库,降低和任何项目的耦合性,单独的代码库让业务组件有独立的标准开发流程。...宽度 左边距 右边距 上边距 下边距 边框: 边框类型 - 无 | 实线 | 破折线 | 点状线 下拉菜单 边框颜色 - 颜色选择 边框宽度 - 滑动选择 边框圆角 - 滑动选择 阴影与透明度 透明度...对齐 - 左 | 中 | 右 radio group 文字颜色 - 颜色选择 背景颜色 - 颜色选择 图片 上传图片 - 上传以及编辑控件 形状 背景颜色 - 颜色选择 高级组件 日期显示特有属性...样式 - 下拉菜单 时间 - 默认为当前日期 日期选择器 字体颜色 - 颜色选择器 属性设计的伪代码大致如下: 抽象出一些通用的函数,在组件中完成通用的功能,比如点击跳转。

    1.3K30

    Visual Studio 2017 15.8 版发行说明

    测试性能 显著提升了在运行包含多个测试项目的大型解决方案期间的性能。 在我们的实验室中,超过 10,000 个 MSTest 的解决方案执行单个测试的速度提高了 82%!...在 CPU 使用情况主视图中选择函数时,可从上下文菜单中显示“模块/函数”视图,也可以从“调用树”或“调用方/被调用方”视图的“查看”下拉列表中显示“模块/函数”视图。...借助对多个插入点的支持,现可在文件中的多个任意位置创建插入点并选择内容。 这样,你可以同时在多个位置添加、编辑或删除文本。 通过“Ctrl + Alt + 单击鼠标左键”插入点。...如果想要同时运行多个容器,可在解决方案资源管理器中右键单击该项目,并选择“设置启动项目”、“多个启动项目”,然后对要运行的所有项目将“操作”下拉列表设置为“启动”或“启动(不调试)”。...在解决方案资源管理器中右键单击 ASP.NET Core Web 项目,选择“添加”>“容器业务流程协调程序支持”,然后从下拉列表菜单中选择“Docker Compose”。 ?

    8.2K10

    Axure交互大全:Axure全交互模板及视频教程

    一般类是选择机构、员工等页面要素比较多,不适用于下拉列表的情况,当然也适用于外部于广告,链接的跳转。...弹出效果,显示后,如果鼠标离开该区域,隐藏显示内容,常用语顶部菜单或下拉列表推动元件,显示后,推动右侧或下方的元件,适用于根据不同选项显示不同内容的页面2.1.2 隐藏隐藏是和显示相对应的,主要用于弹窗选择...只有一种情况,当下拉列表在中继器里面时,每项默认的选中项不同,就可以用该事件设置被选项。2.7 启用/禁用一般会由于维护时,部分信息不允许修改,或者没有权限时,就禁用该元件。...4.2 移除排序可以移除中继器列表中的单个排序或者所有排序4.3 筛选分类筛选——可以根据用户选择进行分类筛选,最常见的是商品分类精确搜索——可以输入文字,快速查询中继器列表种对应的数据行模糊搜索——可以输入文字...,快速查询中继器列表中包含输入文字的数据行4.4 移除筛选可以移除中继器列表中的单个筛选或者所有筛选4.5 设置显示页面如果中继器列表数据太多,一般会用分页显示的方式,该交互就是可以设置中继器显示那一页的内容

    24130
    领券