一种下拉菜单生成和显示方法及装置制造方法及图纸

本发明专利技术公开了一种下拉菜单生成和显示方法及装置，用以通过bootstrap对下拉菜单的触发和显示进行管理，减少代码的编写量。所述方法包括：确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。

【技术实现步骤摘要】

本专利技术涉及互联网
，特别涉及一种下拉菜单生成和显示方法及装置。
技术介绍
随着互联网的发展，在计算机应用中，下拉式选单成为选单的一种普遍的表现形式。具体表现为:当用户选中一个选项后，该选单会向下延伸出具有其他选项的另一个选单。下拉式选单通常应用于把一些具有相同分类的功能放在同一个下拉式选单中，并把这个下拉式选单置于主选单的一个选项下。下拉菜单内的项目可以据需要设置为多选或单选，可以用来替代一组复选框(设置为多选)或单选框(设置为单选)，这样比复选框组或单选框组的占用位置小。目前，在电子节目菜单的编辑系统中导出电子节目菜单时，需要选择导出一天或者一周的电子节目菜单，因此，需要设计一种快捷简洁的电子节目菜单的下拉菜单的方案，以便于减少编辑人员的工作量。
技术实现思路
本专利技术提供一种下拉菜单生成和显示方法及装置，用以通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。根据本专利技术实施例的第一方面，提供一种下拉菜单生成和显示方法，包括:确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。在一个实施例中，所述确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发之前，包括:监测所述设定的按钮对应的span元素是否被点击；当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。在一个实施例中，所述按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单，包括:按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap,按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。根据本专利技术实施例的第二方面，还提供一种下拉菜单生成和显示装置，包括:按钮触发模块，用于确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；下拉菜单显示模块，用于按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。在一个实施例中，所述装置还包括:监测模块，用于监测所述设定的按钮对应的span元素是否被点击；点击确定模块，用于当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。在一个实施例中，所述下拉菜单显示模块包括:下拉菜单显示子模块，用于按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。本专利技术实施例提供的技术方案可产生以下有益效果:确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。本专利技术的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本专利技术而了解。本专利技术的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。下面通过附图和实施例，对本专利技术的技术方案做进一步的详细描述。【附图说明】附图用来提供对本专利技术的进一步理解，并且构成说明书的一部分，与本专利技术的实施例一起用于解释本专利技术，并不构成对本专利技术的限制。在附图中:图1为本专利技术根据一示例性实施例示出的一种下拉菜单生成和显示方法的流程图；图2为本专利技术根据一示例性实施例示出的另一种下拉菜单生成和显示方法的流程图；图3为本专利技术根据一示例性实施例示出的下拉菜单生成和显示方法中步骤S20的实施方式流程图；图4为本专利技术根据一示例性实施例示出的一种下拉菜单生成和显示装置的框图；图5为本专利技术根据一示例性实施例示出的又一种下拉菜单生成和显示装置的框图；图6为本专利技术根据一示例性实施例示出的下拉菜单生成和显示装置中下拉菜单显示模块62的框图。【具体实施方式】以下结合附图对本专利技术的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本专利技术，并不用于限定本专利技术。本公开实施例提供了一种下拉菜单生成和显示方法，用于通过bootstrap (Web前端CSS框架)中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。如图1所示，该方法包括步骤S10-S20:在步骤SlO中，确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发。其中，所述按钮用于控制下拉菜单的显示，也即，在本公开中，当用户点击所述按钮时，即触发了所述按钮，此时会显示所述下拉菜单中的各个选项。而预设的触发形式为可以在Bootstrap中的下拉菜单组件中进行设定和修改，且在本实施例中，预设的所述按钮的触发形式为点击预设的span元素(指定内嵌文本容器)触发；且所述预设的span元素可以是用户预先设置的图片，比如，将所述预设的span元素设置为一张显示有“导出”二字的图片，之后，在点击这张显示有“导出”二字的图片之后，也即触发了所述按钮，此时会直接显示所述下拉菜单中的选项。在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。也即，本实施例中，所述下拉菜单中的选项是针对于电子节目菜单所需要导出的时间范围的，因此其不同选项对应于不同的时间范围，且本公开中所需要导出的电子节目菜单的时间范围并不限定于本实施例中所述，而是可以根据用户的需要自行定义。在步骤S20中，按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。也即，在在Bootstrap中可以定义所述下拉菜单的显示方式，当所述按钮被触发时，可以直接根据在Bootstrap中定义的所述下拉菜单的显示方式显示所述下拉菜单。在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。也即，可以在预设所述span元素时设定本文档来自技高网...

【技术保护点】
一种下拉菜单生成和显示方法，其特征在于，包括：确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。

【技术特征摘要】

【专利技术属性】
技术研发人员：毛俊楠，
申请(专利权)人：无锡天脉聚源传媒科技有限公司，
类型：发明
国别省市：江苏;32