一种下拉菜单生成和显示方法及装置的制造方法
一种下拉菜单生成和显示方法及装置的制造方法
【技术领域】
[0001]本发明涉及互联网技术领域，特别涉及一种下拉菜单生成和显示方法及装置。
【背景技术】
[0002]随着互联网的发展，在计算机应用中，下拉式选单成为选单的一种普遍的表现形式。具体表现为:当用户选中一个选项后，该选单会向下延伸出具有其他选项的另一个选单。下拉式选单通常应用于把一些具有相同分类的功能放在同一个下拉式选单中，并把这个下拉式选单置于主选单的一个选项下。下拉菜单内的项目可以据需要设置为多选或单选，可以用来替代一组复选框(设置为多选)或单选框(设置为单选)，这样比复选框组或单选框组的占用位置小。目前，在电子节目菜单的编辑系统中导出电子节目菜单时，需要选择导出一天或者一周的电子节目菜单，因此，需要设计一种快捷简洁的电子节目菜单的下拉菜单的方案，以便于减少编辑人员的工作量。
【发明内容】
[0003]本发明提供一种下拉菜单生成和显示方法及装置，用以通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
[0004]根据本发明实施例的第一方面，提供一种下拉菜单生成和显示方法，包括:
[0005]确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；
[0006]按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0007]在一个实施例中，所述确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发之前，包括:
[0008]监测所述设定的按钮对应的span元素是否被点击；
[0009]当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。
[0010]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。
[0011]在一个实施例中，所述按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单，包括:
[0012]按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap,按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0013]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。
[0014]根据本发明实施例的第二方面，还提供一种下拉菜单生成和显示装置，包括:
[0015]按钮触发模块，用于确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；
[0016]下拉菜单显示模块，用于按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0017]在一个实施例中，所述装置还包括:
[0018]监测模块，用于监测所述设定的按钮对应的span元素是否被点击；
[0019]点击确定模块，用于当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。
[0020]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。
[0021]在一个实施例中，所述下拉菜单显示模块包括:
[0022]下拉菜单显示子模块，用于按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0023]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。
[0024]本发明实施例提供的技术方案可产生以下有益效果:确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
[0025]本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0026]下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
【附图说明】
[0027]附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。
[0028]在附图中:
[0029]图1为本发明根据一示例性实施例示出的一种下拉菜单生成和显示方法的流程图；
[0030]图2为本发明根据一示例性实施例示出的另一种下拉菜单生成和显示方法的流程图；
[0031]图3为本发明根据一示例性实施例示出的下拉菜单生成和显示方法中步骤S20的实施方式流程图；
[0032]图4为本发明根据一示例性实施例示出的一种下拉菜单生成和显示装置的框图；
[0033]图5为本发明根据一示例性实施例示出的又一种下拉菜单生成和显示装置的框图；
[0034]图6为本发明根据一示例性实施例示出的下拉菜单生成和显示装置中下拉菜单显示模块62的框图。
【具体实施方式】
[0035]以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0036]本公开实施例提供了一种下拉菜单生成和显示方法，用于通过bootstrap (Web前端CSS框架)中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。如图1所示，该方法包括步骤S10-S20:
[0037]在步骤SlO中，确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发。
[0038]其中，所述按钮用于控制下拉菜单的显示，也即，在本公开中，当用户点击所述按钮时，即触发了所述按钮，此时会显示所述下拉菜单中的各个选项。而预设的触发形式为可以在Bootstrap中的下拉菜单组件中进行设定和修改，且在本实施例中，预设的所述按钮的触发形式为点击预设的span元素(指定内嵌文本容器)触发；且所述预设的span元素可以是用户预先设置的图片，比如，将所述预设的span元素设置为一张显示有“导出”二字的图片，之后，在点击这张显示有“导出”二字的图片之后，也即触发了所述按钮，此时会直接显示所述下拉菜单中的选项。
[0039]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。也即，本实施例中，所述下拉菜单中的选项是针对于电子节目菜单所需要导出的时间范围的，因此其不同选项对应于不同的时间范围，且本公开中所需要导出的电子节目菜单的时间范围并不限定于本实施例中所述，而是可以根据用户的需要自行定义。
[0040]在步骤S20中，按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。也即，在在Bootstrap中可以定义所述下拉菜单的显示方式，当所述按钮被触发时，可以直接根据在Bootstrap中定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0041]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。也即，可以在预设所述span元素时设定Class类，且所述Class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。也就是说，所述Class类也是在bootstrap中进行定义的。且可以根据设定的所述Class类表现所述下拉菜单的显示方式，比如，所述下拉菜单的显示方式可以为从上至下或从左至右显示等，这些都可以通过对Class类进行定义来进行设置和修改。在一个实施例中，如图3所示，步骤S20可包括:
[0042]步骤S201、按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。也即，当点击设定的按钮之后，可以根据预设的所述span元素中设定的Class类调用预 先设定的Bootstrap并显示所述下拉菜单，且所述下拉菜单的显示方式与所述Class类对应。也即，当在预设的span元素中再预设Class类之后，由于这个Class类对应于所述下拉菜单的显示方式，也就是已经将所述下拉菜单的显示方式修改为对应于所述Class类的显示方式，比如，所述下拉菜单的显示方式可以为从上至下或从左至右显示等。此时，在确认已经点击设定的按钮之后，可以根据所述span元素中设定的Class类调用预先设定的Bootstrap并按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0043]在一个实施例中，如图2所示，该方法步骤SlO之前还包括步骤S30-S40:
[0044]在步骤S30中，监测所述设定的按钮对应的span元素是否被点击。也即，由于所述按钮的触发形式为点击预设的所述span元素被点击，因此首先需要检测所述设定的按钮对应的span元素是否被点击，进而判断所述按钮是否被触发。
[0045]在步骤S40中，当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。也即，当在上述步骤S30中监测到所述设定的按钮对应的span元素被点击时，此时确定用户点击了设定的按钮，并确认触发所述按钮并显示所述下拉菜单。
[0046]本发明实施例提供的上述方法，确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
[0047]对应本发明实施例提供的下拉菜单生成和显示方法，本发明还提供下拉菜单生成和显示装置，如图4所示，该装置可包括:
[0048]按钮触发模块61，用于确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；
[0049]下拉菜单显示模块62，用于按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0050]在一个实施例中，如图5所示，所述装置还包括:
[0051]监测模块63，用于监测所述设定的按钮对应的span元素是否被点击；
[0052]点击确定模块64，用于当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。
[0053]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。
[0054]在一个实施例中，如图6所示，所述下拉菜单显示模块62包括:
[0055]下拉菜单显示子模块621，用于按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0056]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。也即，本实施例中，所述下拉菜单中的选项是针对于电子节目菜单所需要导出的时间范围的，因此其不同选项对应于不同的时间范围，且本公开中所需要导出的电子节目菜单的时间范围并不限定于本实施例中所述，而是可以根据用户的需要自行定义。
[0057]本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
[0058]本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序请求实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序请求到通用计算机、专用计算机、嵌入式处理机或其他可编程信息处理设备的处理器以产生一个机器，使得通过计算机或其他可编程信息处理设备的处理器执行的请求产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0059]这些计算机程序请求也可存储在能引导计算机或其他可编程信息处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的请求产生包括请求装置的制造品，该请求装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0060]这些计算机程序请求也可装载到计算机或其他可编程信息处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的请求提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0061]显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
【主权项】
1.一种下拉菜单生成和显示方法，其特征在于，包括: 确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发； 按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。2.如权利要求1所述的方法，其特征在于，所述确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发之前，包括: 监测所述设定的按钮对应的span元素是否被点击； 当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。3.如权利要求1所述的方法，其特征在于，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。4.如权利要求3所述的方法，其特征在于，所述按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单，包括: 按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap,按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。5.如权利要求1所述的方法，其特征在于，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。6.一种下拉菜单生成和显示装置，其特征在于，包括: 按钮触发模块，用于确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发； 下拉菜单显示模块，用于按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。7.如权利要求6所述的装置，其特征在于，所述装置还包括: 监测模块，用于监测所述设定的按钮对应的span元素是否被点击； 点击确定模块，用于当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。8.如权利要求6所述的装置，其特征在于，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。9.如权利要求8所述的装置，其特征在于，所述下拉菜单显示模块包括: 下拉菜单显示子模块，用于按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。10.如权利要求6所述的装置，其特征在于，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。
【专利摘要】本发明公开了一种下拉菜单生成和显示方法及装置，用以通过bootstrap对下拉菜单的触发和显示进行管理，减少代码的编写量。所述方法包括：确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
【IPC分类】G06F3/0482, G06F9/44
【公开号】CN104899033
【申请号】CN201510299622
【发明人】毛俊楠
【申请人】无锡天脉聚源传媒科技有限公司
【公开日】2015年9月9日
【申请日】2015年6月3日
【技术领域】
[0001]本发明涉及互联网技术领域，特别涉及一种下拉菜单生成和显示方法及装置。
【背景技术】
[0002]随着互联网的发展，在计算机应用中，下拉式选单成为选单的一种普遍的表现形式。具体表现为:当用户选中一个选项后，该选单会向下延伸出具有其他选项的另一个选单。下拉式选单通常应用于把一些具有相同分类的功能放在同一个下拉式选单中，并把这个下拉式选单置于主选单的一个选项下。下拉菜单内的项目可以据需要设置为多选或单选，可以用来替代一组复选框(设置为多选)或单选框(设置为单选)，这样比复选框组或单选框组的占用位置小。目前，在电子节目菜单的编辑系统中导出电子节目菜单时，需要选择导出一天或者一周的电子节目菜单，因此，需要设计一种快捷简洁的电子节目菜单的下拉菜单的方案，以便于减少编辑人员的工作量。
【发明内容】
[0003]本发明提供一种下拉菜单生成和显示方法及装置，用以通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
[0004]根据本发明实施例的第一方面，提供一种下拉菜单生成和显示方法，包括:
[0005]确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；
[0006]按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0007]在一个实施例中，所述确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发之前，包括:
[0008]监测所述设定的按钮对应的span元素是否被点击；
[0009]当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。
[0010]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。
[0011]在一个实施例中，所述按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单，包括:
[0012]按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap,按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0013]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。
[0014]根据本发明实施例的第二方面，还提供一种下拉菜单生成和显示装置，包括:
[0015]按钮触发模块，用于确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；
[0016]下拉菜单显示模块，用于按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0017]在一个实施例中，所述装置还包括:
[0018]监测模块，用于监测所述设定的按钮对应的span元素是否被点击；
[0019]点击确定模块，用于当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。
[0020]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。
[0021]在一个实施例中，所述下拉菜单显示模块包括:
[0022]下拉菜单显示子模块，用于按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0023]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。
[0024]本发明实施例提供的技术方案可产生以下有益效果:确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
[0025]本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0026]下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
【附图说明】
[0027]附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。
[0028]在附图中:
[0029]图1为本发明根据一示例性实施例示出的一种下拉菜单生成和显示方法的流程图；
[0030]图2为本发明根据一示例性实施例示出的另一种下拉菜单生成和显示方法的流程图；
[0031]图3为本发明根据一示例性实施例示出的下拉菜单生成和显示方法中步骤S20的实施方式流程图；
[0032]图4为本发明根据一示例性实施例示出的一种下拉菜单生成和显示装置的框图；
[0033]图5为本发明根据一示例性实施例示出的又一种下拉菜单生成和显示装置的框图；
[0034]图6为本发明根据一示例性实施例示出的下拉菜单生成和显示装置中下拉菜单显示模块62的框图。
【具体实施方式】
[0035]以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0036]本公开实施例提供了一种下拉菜单生成和显示方法，用于通过bootstrap (Web前端CSS框架)中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。如图1所示，该方法包括步骤S10-S20:
[0037]在步骤SlO中，确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发。
[0038]其中，所述按钮用于控制下拉菜单的显示，也即，在本公开中，当用户点击所述按钮时，即触发了所述按钮，此时会显示所述下拉菜单中的各个选项。而预设的触发形式为可以在Bootstrap中的下拉菜单组件中进行设定和修改，且在本实施例中，预设的所述按钮的触发形式为点击预设的span元素(指定内嵌文本容器)触发；且所述预设的span元素可以是用户预先设置的图片，比如，将所述预设的span元素设置为一张显示有“导出”二字的图片，之后，在点击这张显示有“导出”二字的图片之后，也即触发了所述按钮，此时会直接显示所述下拉菜单中的选项。
[0039]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。也即，本实施例中，所述下拉菜单中的选项是针对于电子节目菜单所需要导出的时间范围的，因此其不同选项对应于不同的时间范围，且本公开中所需要导出的电子节目菜单的时间范围并不限定于本实施例中所述，而是可以根据用户的需要自行定义。
[0040]在步骤S20中，按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。也即，在在Bootstrap中可以定义所述下拉菜单的显示方式，当所述按钮被触发时，可以直接根据在Bootstrap中定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0041]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。也即，可以在预设所述span元素时设定Class类，且所述Class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。也就是说，所述Class类也是在bootstrap中进行定义的。且可以根据设定的所述Class类表现所述下拉菜单的显示方式，比如，所述下拉菜单的显示方式可以为从上至下或从左至右显示等，这些都可以通过对Class类进行定义来进行设置和修改。在一个实施例中，如图3所示，步骤S20可包括:
[0042]步骤S201、按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。也即，当点击设定的按钮之后，可以根据预设的所述span元素中设定的Class类调用预 先设定的Bootstrap并显示所述下拉菜单，且所述下拉菜单的显示方式与所述Class类对应。也即，当在预设的span元素中再预设Class类之后，由于这个Class类对应于所述下拉菜单的显示方式，也就是已经将所述下拉菜单的显示方式修改为对应于所述Class类的显示方式，比如，所述下拉菜单的显示方式可以为从上至下或从左至右显示等。此时，在确认已经点击设定的按钮之后，可以根据所述span元素中设定的Class类调用预先设定的Bootstrap并按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0043]在一个实施例中，如图2所示，该方法步骤SlO之前还包括步骤S30-S40:
[0044]在步骤S30中，监测所述设定的按钮对应的span元素是否被点击。也即，由于所述按钮的触发形式为点击预设的所述span元素被点击，因此首先需要检测所述设定的按钮对应的span元素是否被点击，进而判断所述按钮是否被触发。
[0045]在步骤S40中，当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。也即，当在上述步骤S30中监测到所述设定的按钮对应的span元素被点击时，此时确定用户点击了设定的按钮，并确认触发所述按钮并显示所述下拉菜单。
[0046]本发明实施例提供的上述方法，确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
[0047]对应本发明实施例提供的下拉菜单生成和显示方法，本发明还提供下拉菜单生成和显示装置，如图4所示，该装置可包括:
[0048]按钮触发模块61，用于确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；
[0049]下拉菜单显示模块62，用于按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。
[0050]在一个实施例中，如图5所示，所述装置还包括:
[0051]监测模块63，用于监测所述设定的按钮对应的span元素是否被点击；
[0052]点击确定模块64，用于当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。
[0053]在一个实施例中，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。
[0054]在一个实施例中，如图6所示，所述下拉菜单显示模块62包括:
[0055]下拉菜单显示子模块621，用于按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。
[0056]在一个实施例中，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。也即，本实施例中，所述下拉菜单中的选项是针对于电子节目菜单所需要导出的时间范围的，因此其不同选项对应于不同的时间范围，且本公开中所需要导出的电子节目菜单的时间范围并不限定于本实施例中所述，而是可以根据用户的需要自行定义。
[0057]本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
[0058]本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序请求实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序请求到通用计算机、专用计算机、嵌入式处理机或其他可编程信息处理设备的处理器以产生一个机器，使得通过计算机或其他可编程信息处理设备的处理器执行的请求产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0059]这些计算机程序请求也可存储在能引导计算机或其他可编程信息处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的请求产生包括请求装置的制造品，该请求装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0060]这些计算机程序请求也可装载到计算机或其他可编程信息处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的请求提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0061]显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
【主权项】
1.一种下拉菜单生成和显示方法，其特征在于，包括: 确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发； 按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。2.如权利要求1所述的方法，其特征在于，所述确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发之前，包括: 监测所述设定的按钮对应的span元素是否被点击； 当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。3.如权利要求1所述的方法，其特征在于，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。4.如权利要求3所述的方法，其特征在于，所述按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单，包括: 按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap,按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。5.如权利要求1所述的方法，其特征在于，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。6.一种下拉菜单生成和显示装置，其特征在于，包括: 按钮触发模块，用于确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发； 下拉菜单显示模块，用于按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。7.如权利要求6所述的装置，其特征在于，所述装置还包括: 监测模块，用于监测所述设定的按钮对应的span元素是否被点击； 点击确定模块，用于当所述设定的按钮对应的span元素被点击时，确定用户点击了设定的按钮。8.如权利要求6所述的装置，其特征在于，所述span元素中包含设定的class类，所述设定的class类用于表征使用Bootstrap定义的下拉菜单样式显示下拉菜单。9.如权利要求8所述的装置，其特征在于，所述下拉菜单显示模块包括: 下拉菜单显示子模块，用于按照所述设定的按钮对应的span元素中包含设定的class类，调用预先设定的Bootstrap，按照所述Bootstrap定义的下拉菜单样式显示下拉菜单。10.如权利要求6所述的装置，其特征在于，所述下拉菜单中的选项包括:选择导出一天的电子节目菜单、选择导出一周的电子节目菜单、选择导出一月的电子节目菜单、选择导出所有电子节目菜单。
【专利摘要】本发明公开了一种下拉菜单生成和显示方法及装置，用以通过bootstrap对下拉菜单的触发和显示进行管理，减少代码的编写量。所述方法包括：确定用户点击了设定的按钮时，根据预设的触发形式触发所述按钮的下拉菜单；所述预设的触发形式为基于点击预设的span元素触发；按照在Bootstrap定义的所述下拉菜单的显示方式显示所述下拉菜单。该方案通过bootstrap中的下拉菜单组件对下拉菜单的触发和显示进行管理，减少了代码的编写量，且令下拉菜单显示的外观更加简洁美观。
【IPC分类】G06F3/0482, G06F9/44
【公开号】CN104899033
【申请号】CN201510299622
【发明人】毛俊楠
【申请人】无锡天脉聚源传媒科技有限公司
【公开日】2015年9月9日
【申请日】2015年6月3日
最新回复(0)