下拉列表显示方法和装置制造方法及图纸

本发明专利技术实施例公开了一种下拉列表显示方法，用于提升ui‑select下拉列表的用户操作体验。本发明专利技术实施例方法包括：下拉列表显示装置接收第一点击指令，根据所述第一点击指令显示该第二下拉列表。接收第二点击指令，根据第二点击指令将第一下拉列表的待设置条件设置为目标值，并隐藏第二下拉列表。下拉列表显示装置能够获知第二点击指令的点击位置，并认为该点击位置位于第一下拉列表所嵌套的第二下拉列表内部。因此，第一下拉列表不会被关闭。用户可以直接点击第一下拉列表中的确定按钮，即可完成第一下拉列表中的待设置条件的设置操作。本发明专利技术实施例还提供了相关的下拉列表显示装置。

Method and device for displaying drop-down list

The embodiment of the present invention discloses a drop-down list display method for enhancing the user operation experience of UI select drop-down list. The embodiment method of the present invention includes: a drop-down list display device receives a first click instruction and displays the second drop-down list according to the first click instruction. Receive the second click instruction, set the setting condition of the first drop-down list as the target value according to the second click instruction, and hide the second drop-down list. The drop-down list display device can know the click position of the second click instruction and consider that the click position is inside the second drop-down list nested in the first drop-down list. Therefore, the first pull-down list will not be closed. The user can click the confirmation button in the first drop-down list directly, and then complete the setting operation of the conditions to be set in the first drop-down list. The embodiment of the invention also provides a relevant drop-down list display device.

【技术实现步骤摘要】
下拉列表显示方法和装置
本专利技术涉及网络开发领域，尤其涉及一种下拉列表显示方法和装置。
技术介绍
AngularUiBootstrap是一套适用于angular框架的前端开发框架。AngularUiBootstrap中的下拉列表组件采用Bootstrapdropdown下拉列表。Bootstrapdropdown下拉列表支持自动关闭(auto-close)属性。当auto-close属性设置为outsideClick时，若Bootstrapdropdown下拉列表接收到点击指令，则会判断该点击指令是位于Bootstrapdropdown下拉列表的内部还是外部，若该点击指令位于Bootstrapdropdown下拉列表的外部，则将展开的Bootstrapdropdown下拉列表关闭。angular框架中还存在Ui-grid表格插件，该插件可以视为一种能够提供过滤功能的表格。在使用Ui-grid表格插件时，经常会出现在Bootstrapdropdown下拉列表内嵌套ui-select下拉列表的情况。但是在现有的下拉列表处理机制中，当用户点击ui-select下拉列表中的某一项后，ui-本文档来自技高网...

【技术保护点】
1.一种下拉列表显示方法，其特征在于，包括：接收第一点击指令，所述第一点击指令用于选中第一下拉列表中的待设置条件的设置按钮；根据所述第一点击指令，显示所述第一下拉列表嵌套的第二下拉列表，所述第二下拉列表中包括所述待设置条件的多个备选值；接收第二点击指令，所述第二点击指令用于选中所述多个备选值中的目标值；根据所述第二点击指令，将所述第一下拉列表的待设置条件设置为所述目标值，并隐藏所述第二下拉列表。

【技术特征摘要】
1.一种下拉列表显示方法，其特征在于，包括：接收第一点击指令，所述第一点击指令用于选中第一下拉列表中的待设置条件的设置按钮；根据所述第一点击指令，显示所述第一下拉列表嵌套的第二下拉列表，所述第二下拉列表中包括所述待设置条件的多个备选值；接收第二点击指令，所述第二点击指令用于选中所述多个备选值中的目标值；根据所述第二点击指令，将所述第一下拉列表的待设置条件设置为所述目标值，并隐藏所述第二下拉列表。2.根据权利要求1所述的下拉列表显示方法，其特征在于，所述第一下拉列表为具有自动关闭属性的下拉列表。3.根据权利要求2所述的下拉列表显示方法，其特征在于，所述隐藏所述第二下拉列表包括：隐藏所述第二下拉列表的超文本标记语言html元素。4.根据权利要求3所述的下拉列表显示方法，其特征在于，所述第二下拉列表采用ng-show指令；所述根据所述第一点击指令，显示所述第一下拉列表嵌套的第二下拉列表包括：在接收到所述第一点击指令后，将所述ng-show指令置为真实值，使得所述第二下拉列表被显示；所述根据所述第二点击指令，隐藏所述第二下拉列表包括：在接收到所述第二点击指令后，将所述ng-show指令置为错误值，使得所述第二下拉列表的html元素被隐藏。5.根据权利要求1至4中任一项所述的下拉列表显示方法，其特征在于，所述方法还包括：接收第三点击指令，所述第三点击指令用于选中所述第一下拉列表的确定按钮；根据所述第三点击指令，关闭所述第一下拉列表。6.一种下拉列表显示装置...

【专利技术属性】
技术研发人员：张星，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京,11