百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

第13节-下拉列表DropdownList | 剑雨Axure RP9系列「基础」

yuyutoo 2024-10-21 12:04 10 浏览 0 评论

下拉列表,又称下拉框,是一个可切换列表,其中包含多个选项,一次只能选择一个选项。

当你需要从多个答案中选中某一个时,可以采用此部件。比如国家的选择/地区的选择等。

添加,删除和重新排序Droplist选项



9DropList.png

  • 元件添加:直接从左侧元件库上拖入;
  • 下拉列表的编辑:直接双击Droplist;
  • 选项的添加:点击左侧上方添加按钮(上图中第一个红框);
  • 选项内容的编辑:点击左侧上方的编辑多项按钮 (上图中第二个红框)
  • 选项内容的输入:可直接右侧弹出窗口中输入;
  • 选项的排序:选中某一个选项后,使用上方的上移下移箭头;
  • 选项的删除:选中某一个选项后,点击上方的删除按钮。

定义默认选项

通常,第1个选项为默认选项;

自定义选项:直接在选项前打上对勾

注意:若需要设置默认选项为空白选项,则将该选项的内容输入为一个空格



9DropListDefault.png

特殊交互

针对下拉列表的特殊交互选项改变时, 可运用此交互来设置对应选项的交互事件。

  • 可以设置全局变量将值传送至其他页面;
  • 可以在交互事件选项改变时中设置条件,来触发其他元件的样式或动作。


  • 9DropListInteraction.png

下拉框的<font color=red>提交按钮</font>

当鼠标进入下拉框的范围(获取焦点)时, 按住Enter键可以触发另一个元件的鼠标单击事件(OnClick事件), 这一个元件称为提交按钮(submit button)。

为下拉框指定提交按钮的方法:选中下拉框后,单击右侧的选项,下方的“提交按钮”,在下拉菜单中选择要触发的元件。



9DropListSubmitButton.png

相关推荐

网络规划建设原来也可以这么简单!

废话少说,直接上干货。天气炎热,请各位看官老爷静心阅读。整体思路下图是关于网络建设的所有相关领域,接下来我为大家逐一讲解。网络分层...

网络规划设计师笔记-第 1 章 计算机网络原理

计算机网络原理1.1计算机网络概论(P1-10)...

别输在远见上,网工这样做职业规划,比啥都强

01职业中的规划,人生中的buff“职业规划“这个词,其实对很多年轻人,包括曾经年轻的我来说,都不屑一提。...

网络规划设计师学习中(个人自学笔记分享1),有一起学习的吗?

网络规划设计师,上午考试内容学习:第一章:计算机网络概述(上部分):如果你也在一起学习,那么我们来一起学习吧!坚持1年,争取明年一次性通过!...

在微服务中使用 ASP.NET Core 实现事件溯源和 CQRS

概述:事件溯源和命令查询责任分离(CQRS)已成为解决微服务设计的复杂性的强大架构模式。基本CQRS表示形式在本文中,我们将探讨ASP.NETCore如何使你能够将事件溯源和CQRS...

一个基于ASP.NET Core完全开源的CMS 解决方案

...

用 Nginx 部署 ASP.NET Core 应用程序

用Nginx部署ASP.NETCore应用程序步骤如下:在Linux中安装.NETCore运行时和Nginx:...

Asp.net Core启动流程讲解(一)(asp.net core 入门)

asp.netcore默认项目包括项目根目录级的Startup.cs、Program.cs、appsettings.json(appsettings.Development.json)launch...

十天学会ASP之第五天(十天学会asp教程)

学习目的:学会数据库的基本操作1(写入记录)数据库的基本操作无非是:查询记录,写入记录,删除记录,修改记录。今天我们先学习写入记录。先建立一个表单:<formname="form1"met...

ASP.NET Core 的 WebApplication 类

ASP.NETCore提供了3个主机类(Host)。这些类用于配置应用、管理生命周期和启动Web服务。...

ASP.NET Core中的键控依赖注入(.net依赖注入原理)

大家好,我是深山踏红叶,今天我们来聊一聊ASP.NETCore中的FromKeyedServices,它是在.Net8中引入的。这一特性允许通过键(如字符串或枚举)来注册和检索依赖注入(D...

Asp.net常用方法及request和response-a

asp.net教程asp.net常用方法:1、Request.UrlReferrer请求的来源,可以根据这个判断从百度搜的哪个关键词、防下载盗链、防图片盗链,可以伪造(比如迅雷)。(使用全局一般处理...

ASP.NET Core EFCore 属性配置与DbContext 详解

...

asp.net常考面试题(aspnet题库)

asp.net常考面试题一,列举ASP.Net页面之间传递值的几种方式?1,使用QueryString,如:......?id=1;response.Redirect()......2,使用Sessi...

在Windows系统搭建.NET Core环境并创建运行ASP.NET网站

微软于6月27日在红帽DevNation峰会上正式发布了.NETCore1.0、ASP.NET1.0和EntityFrameworkCore1.0,其将全部支持Windows、OSX和...

取消回复欢迎 发表评论: