Method, device and equipment for triggering function of drop-down selector and storage medium

Abstract

The application relates to the computer field and provides a function triggering method and device of a pull-down selector, equipment and a storage medium. The application embodiment can be applied to various scenes such as cloud technology, artificial intelligence, intelligent transportation and auxiliary driving. The method comprises the following steps: a menu display interface comprising at least two function areas is presented, one function area comprises at least one option, and the other function area comprises check boxes corresponding to the options respectively; in response to the operation of a target object on any function area in the menu display interface, single selection or multiple selection corresponding to any function area is triggered, and the corresponding selection result is presented. The menu display interface is divided into different function areas. In the process that the target object operates the pull-down selector, the selector function corresponding to the operated function area is triggered. The single selection or multiple selection can be quickly triggered, the function triggering time is saved, and the work efficiency is improved.

Description

Technical Field

[0001] This application relates to the field of computers and provides a method, apparatus, device, and storage medium for triggering the function of a drop-down selector. Background Technology

[0002] Dropdown selectors are commonly used controls in interface design, mainly including single-select selectors and multi-select selectors. The former allows only one option to be selected at a time, while the latter allows multiple options to be selected at the same time.

[0003] Due to the complex and diverse business needs in B2B products, dropdown selectors in B2B products need to satisfy both single-selection and multi-selection scenarios. When only one option of a multi-select selector is selected, the selected expected option is equivalent to the single-selection result. Therefore, dropdown selectors in B2B products often use traditional multi-select selectors.

[0004] like Figure 1a As shown, each time the single-selection function of the multi-select selector is triggered, it is necessary to first deselect all options and then check the corresponding desired options. As the number of clicks increases, the efficiency of the multi-select selector gradually decreases, especially when the single-selection function is frequently triggered. Doing so will greatly reduce the efficiency of the multi-select selector.

[0005] Therefore, a solution combining a multi-selector with keyboard keys was proposed, such as... Figure 1b As shown, the multi-select selector in this solution defaults to single-selection, triggering multi-selection when the Ctrl key is held down. However, the implementation of triggering multi-selection via keyboard keys is rather obscure, and the suggestion (tips) mechanism has a delay, causing most objects to fail to successfully trigger multi-selection because they do not immediately understand the keyboard input required. Furthermore, the method of using one hand to operate the keyboard and the other to operate the interface does not conform to the user's habits, resulting in poor implementation of this solution.

[0006] In view of this, embodiments of this application propose a method, apparatus, setting, and storage medium for triggering the function of a drop-down selector. Summary of the Invention

[0007] This application provides a method, apparatus, device, and storage medium for triggering the function of a drop-down selector, in order to solve the problems of complex function triggering methods and low efficiency of drop-down selectors.

[0008] In a first aspect, embodiments of this application provide a method for triggering the function of a dropdown selector, including:

[0009] A menu display interface is presented, which includes at least two functional areas, wherein one functional area contains at least one option, and the other functional area contains check boxes corresponding to the at least one option;

[0010] In response to an operation by the target object on any functional area in the menu display interface, the selector function corresponding to the functional area is triggered, and the corresponding selection result is presented, wherein the selector function is single selection or multiple selection.

[0011] Secondly, embodiments of this application also provide a function triggering device for a drop-down selector, comprising:

[0012] The interface display unit is used to present a menu display interface, which includes at least two functional areas, wherein one functional area contains at least one option, and the other functional area contains check boxes corresponding to the at least one option respectively;

[0013] The function triggering unit is used to respond to the operation of the target object on any functional area in the menu display interface, trigger the selector function corresponding to the functional area, and present the corresponding selection result, wherein the selector function is single selection or multiple selection.

[0014] Optionally, when the selected functions triggered sequentially are the same selected function, the function triggering unit further includes:

[0015] In the menu display interface, the markers of at least one previously selected target option are retained.

[0016] Optionally, the function triggering unit is used for:

[0017] When the currently triggered selector function is a single selection function, mark the selected target option in the menu display interface according to the marking method corresponding to the single selection function, and present the target option in the display box of the menu display interface;

[0018] When the currently triggered selector function is a multi-select function, mark at least one selected target option in the menu display interface according to the marking method corresponding to the multi-select function, and present at least one target option in the display box of the menu display interface.

[0019] Optionally, while marking the selected target option in the menu display interface and presenting the target option in the display box of the menu display interface, the function triggering unit is also used to:

[0020] In the menu display interface, deselect at least one previously selected target option.

[0021] Optionally, when the currently triggered selector function is a multi-select function, the selected at least one target option includes:

[0022] At least one target option is selected before the multi-select function is triggered, and at least one target option is selected after the multi-select function is triggered.

[0023] Thirdly, embodiments of this application also provide a computer device, including a processor and a memory, wherein the memory stores program code, and when the program code is executed by the processor, the processor performs the steps of any of the above-described drop-down selector function triggering methods.

[0024] Fourthly, embodiments of this application also provide a computer-readable storage medium including program code, which, when the program product is run on a computer device, is used to cause the computer device to perform the steps of any of the above-described drop-down selector function triggering methods.

[0025] Fifthly, embodiments of this application also provide a computer program product including computer instructions, wherein when the computer instructions are executed by a processor, they implement the steps of any of the above-described drop-down selector function triggering methods.

[0026] The beneficial effects of this application are as follows:

[0027] This application provides a method, apparatus, device, and storage medium for triggering a drop-down selector. The method includes: presenting a menu display interface, the menu display interface including at least two functional areas, wherein one functional area contains at least one option, and the other functional area contains checkboxes corresponding to the at least one option; in response to an operation by a target object on any functional area in the menu display interface, triggering the selector function corresponding to the arbitrary functional area and presenting the corresponding selection result, wherein the selector function is a single selection or multiple selection.

[0028] Based on the basic operation logic of drop-down selectors, the menu display interface is divided into at least two functional areas. One functional area contains at least one option, and the other functional area contains checkboxes. Different functional areas correspond to different selector functions, so that the perception and operation of single selection and multiple selection of drop-down selectors are independent of each other, and the selector functions of drop-down selectors are displayed more clearly and intuitively.

[0029] During the operation of the drop-down selector by the target object, the selector function corresponding to the operated functional area is triggered. Since the function triggering method of the drop-down selector proposed in this application embodiment conforms to the object's usage habits, the implementation effect of this solution is good, and it can quickly trigger single or multiple selections, saving the function triggering time of the drop-down selector and improving its work efficiency.

[0030] Other features and advantages of this application will be set forth in the description which follows, and will be apparent in part from the description, or may be learned by practicing the application. The objectives and other advantages of this application may be realized and obtained by means of the structures particularly pointed out in the written description, claims, and drawings. Attached Figure Description

[0031] The accompanying drawings, which are included to provide a further understanding of this application and form part of this application, illustrate exemplary embodiments and are used to explain this application, but do not constitute an undue limitation of this application. In the drawings:

[0032] Figure 1a A schematic diagram of the interface that triggers the multi-select selector to switch to a single-select scene is shown;

[0033] Figure 1b A schematic diagram of the interface that triggers the multi-select selector to switch to a multi-select scene is shown;

[0034] Figure 2 This is an optional schematic diagram of an application scenario in the embodiments of this application;

[0035] Figure 3a This is a flowchart illustrating the process of triggering the dropdown selector function provided in an embodiment of this application.

[0036] Figure 3b This is a schematic diagram of the menu display interface provided in the embodiments of this application;

[0037] Figure 3c A schematic diagram illustrating the operational logic of the selector function corresponding to the trigger function area provided in the embodiments of this application;

[0038] Figure 3d This is a schematic diagram of the operation of the clickable function area 1 provided in the embodiments of this application;

[0039] Figure 3e This is a schematic diagram of the operation of the long-press function area 1 provided in the embodiments of this application;

[0040] Figure 3f This is a schematic diagram illustrating the operation of the second option within the drag-and-drop functional area 2 provided in an embodiment of this application.

[0041] Figure 3gThis is an operational schematic diagram of the mobile operation controller provided in this embodiment of the application, which triggers the selector function corresponding to the functional area 2.

[0042] Figure 4a A schematic diagram of the operation logic of the first implementation of the single-selection switching method provided in this application embodiment;

[0043] Figure 4b This is a schematic diagram illustrating the operation logic of a second implementation of the single-selection switching method provided in this application.

[0044] Figure 4c This is a schematic diagram of the operation logic of the first implementation of the multi-select switching multi-select method provided in the embodiments of this application;

[0045] Figure 4d This is a schematic diagram illustrating the operation logic of a second implementation of the multi-select switching multi-select method provided in this application embodiment;

[0046] Figure 4e This is a schematic diagram of the operation logic of the first implementation of the multi-select to single-select method provided in the embodiments of this application;

[0047] Figure 4f A schematic diagram illustrating the operation logic of a first implementation of single-selection to multi-selection switching provided in this application;

[0048] Figure 4g This is a schematic diagram illustrating the operation logic of a second implementation method for switching from multiple selection to single selection provided in this application.

[0049] Figure 4h This is a schematic diagram illustrating the operation logic of a second implementation method for switching from single-selection to multi-selection provided in this application.

[0050] Figure 5a A schematic diagram of an interface for presenting single-selection results provided in an embodiment of this application;

[0051] Figure 5b This is a schematic diagram illustrating the operation logic of the collapsed menu display interface provided in an embodiment of this application.

[0052] Figure 5c A schematic diagram of the operation logic of the first implementation of the single-selection switching method provided in this application embodiment;

[0053] Figure 5d This is a schematic diagram illustrating the operation logic of a second implementation of the single-selection switching method provided in this application.

[0054] Figure 5e This is a schematic diagram of the operation logic of the first implementation of the multi-select to single-select method provided in the embodiments of this application;

[0055] Figure 5fThis is a schematic diagram illustrating the operation logic of a second implementation method for switching from multiple selection to single selection provided in this application.

[0056] Figure 6a A schematic diagram of an interface for presenting multiple selection results, provided for an embodiment of this application;

[0057] Figure 6b This is a schematic diagram illustrating the operation logic of the collapsed menu display interface provided in an embodiment of this application.

[0058] Figure 6c This is a schematic diagram of the operation logic of the first implementation of the multi-select switching multi-select method provided in the embodiments of this application;

[0059] Figure 6d This is a schematic diagram illustrating the operation logic of a second implementation of the multi-select switching multi-select method provided in this application embodiment;

[0060] Figure 6e A schematic diagram illustrating the operation logic of a first implementation of single-selection to multi-selection switching provided in this application;

[0061] Figure 6f This is a schematic diagram illustrating the operation logic of a second implementation method for switching from single-selection to multi-selection provided in this application.

[0062] Figure 7a This is a logical diagram illustrating the application function triggering method in a B-end product for game task monitoring scenarios provided in this embodiment of the application.

[0063] Figure 7b This is a flowchart illustrating the method for triggering a function in a B-end product for monitoring game tasks, as provided in this application embodiment.

[0064] Figure 7c A schematic diagram of the interface for presenting filtered tasks provided in an embodiment of this application;

[0065] Figure 8 This is a schematic diagram of the structure of a function triggering device for a drop-down selector provided in an embodiment of this application;

[0066] Figure 9 This is a schematic diagram of the composition structure of a computer device provided in the embodiments of this application;

[0067] Figure 10 This is a schematic diagram of the structure of a computing device in an embodiment of this application. Detailed Implementation

[0068] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the technical solutions of this application will be clearly and completely described below with reference to the accompanying drawings of the embodiments of this application. Obviously, the described embodiments are only some embodiments of the technical solutions of this application, and not all embodiments. Based on the embodiments recorded in this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the technical solutions of this application.

[0069] The following explanations of some terms used in the embodiments of this application are provided to facilitate understanding by those skilled in the art.

[0070] 1. Drop-down selector:

[0071] Drop-down selectors are commonly used controls in interface design, mainly including single-select selectors and multi-select selectors. The former allows only one option to be selected at a time, while the latter allows multiple options to be selected simultaneously.

[0072] 2. B2B products:

[0073] B-end, representing enterprise users, refers to the merchant interface (i.e., management platform) in internet products. Therefore, internet products that address the needs of enterprise users are all B-end products. Enterprise users can use B-end products for daily business activities, such as inventory management, sales statistics, employee attendance assessment, and so on.

[0074] Because different companies operate in different industries and have different business models, their requirements for B2B products vary greatly. Therefore, B2B products have a very wide range of applications, and the platforms on which they run can be mobile phones, tablets, customized Android devices, desktop clients, web applications, etc.

[0075] 3. Hot Zone:

[0076] A hot zone is a link area set during webpage creation; figuratively speaking, it's the area on a webpage where the mouse cursor turns into a hand.

[0077] For example, a page may appear to be a complete image, but in reality, the backend has cut out different link areas on the page, and these cut-out link areas are called hot zones.

[0078] For example, an electronic map can be divided into multiple hot zones, with each hot zone linked to a designated location.

[0079] The design concept of the embodiments of this application is briefly introduced below:

[0080] Drop-down selectors are commonly used controls in interface design, mainly including single-select selectors and multi-select selectors. The former allows only one option to be selected at a time, while the latter allows multiple options to be selected simultaneously.

[0081] Due to the complex and diverse business needs in B2B products, dropdown selectors in B2B products need to satisfy both single-selection and multi-selection scenarios. When only one option of a multi-select selector is selected, the selected expected option is equivalent to the single-selection result. Therefore, dropdown selectors in B2B products often use traditional multi-select selectors.

[0082] Each time the single-selection function of the multi-select selector is triggered, the "select all" option needs to be deselected first, and then the corresponding desired option needs to be checked. As the number of clicks increases, the efficiency of the multi-select selector gradually decreases, especially when the single-selection function is frequently triggered. Doing so will greatly reduce the efficiency of the multi-select selector.

[0083] Therefore, a solution combining a multi-select selector with keyboard keys was proposed. In this solution, the multi-select selector defaults to single-selection mode, and the multi-select function is triggered when the Ctrl key is held down. However, the implementation of triggering multi-select via keyboard keys is somewhat obscure, and the suggestion (tips) mechanism has a delay, causing most objects to fail to successfully trigger the multi-select function because they do not immediately understand the keyboard input required. Furthermore, the method of using one hand to operate the keyboard and the other to operate the interface does not conform to the object's usage habits, resulting in poor implementation of this solution.

[0084] In view of this, embodiments of this application propose a method, apparatus, device, and storage medium for triggering a drop-down selector function. The method includes: presenting a menu display interface, the menu display interface including at least two functional areas, wherein one functional area contains at least one option, and the other functional area contains checkboxes corresponding to the at least one option; in response to an operation by a target object on any functional area of ​​the menu display interface, triggering the selector function corresponding to that functional area, and presenting the corresponding selection result, wherein the selector function is a single selection or multiple selection.

[0085] Based on the basic operation logic of drop-down selectors, the menu display interface is divided into at least two functional areas. One functional area contains at least one option, and the other functional area contains checkboxes. Different functional areas correspond to different selector functions, so that the perception and operation of single selection and multiple selection of drop-down selectors are independent of each other, and the selector functions of drop-down selectors are displayed more clearly and intuitively.

[0086] During the operation of the drop-down selector by the target object, the selector function corresponding to the operated functional area is triggered. Since the function triggering method of the drop-down selector proposed in this application embodiment conforms to the object's usage habits, the implementation effect of this solution is good, and it can quickly trigger single or multiple selections, saving the function triggering time of the drop-down selector and improving its work efficiency.

[0087] The preferred embodiments of this application are described below with reference to the accompanying drawings. It should be understood that the preferred embodiments described herein are for illustration and explanation only and are not intended to limit this application. Furthermore, the embodiments and features in the embodiments of this application can be combined with each other without conflict.

[0088] The embodiments of this application can be applied to various scenarios, including but not limited to cloud technology, artificial intelligence, smart transportation, and assisted driving. Figure 2 The diagram illustrates one application scenario, which includes two physical terminal devices 210 and a server 230. Both physical terminal devices 210 establish a communication connection with the server 230 through a wired or wireless network.

[0089] In this embodiment, the physical terminal device 210 is a computer device used by a user. Computer devices include, but are not limited to, mobile phones, computers, intelligent voice interaction devices, smart home appliances, vehicle terminals, and aircraft.

[0090] The server 230 in this application embodiment can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDN), and big data and artificial intelligence platforms. This application does not impose any restrictions on these services.

[0091] In response to the login operation of the target object, the physical terminal device 210 presents the management platform interface 220 after login. In response to the target object's operation on the drop-down selector deployed in the management platform interface 220, the physical terminal device 210 presents a menu display interface on the management platform interface 220. The menu display interface includes at least two functional areas, one functional area contains at least one option, and the other functional area contains check boxes corresponding to each option.

[0092] Subsequently, the physical terminal device responds to the target object's operation on any functional area in the menu display interface, triggers the corresponding selector function, presents the corresponding selection result, and then uploads the obtained selection result to the server 230 so that the server 230 can perform the corresponding operation based on the selection result selected by the target object.

[0093] See Figure 3a The flowchart shown illustrates the specific process of triggering the dropdown selector function.

[0094] S301: Present a menu display interface, which includes at least two functional areas, one of which contains at least one option, and the other of which contains checkboxes corresponding to at least one option.

[0095] In response to the target object's trigger action on the dropdown selector, the following is displayed: Figure 3b The menu display interface shown contains at least two functional areas: one covering the area containing the options, and the other covering the area containing the checkboxes. The operations that trigger the dropdown selector include, but are not limited to, clicking the dropdown control, double-clicking the dropdown control, and long-pressing the dropdown selector.

[0096] To clearly display at least two functional areas in the menu display interface, Figure 3b In the menu display interface diagram shown, rectangular blocks with different textures are used to mark the corresponding functional areas. However, in the actual product's menu display interface, rectangular blocks with different textures are not used to mark the corresponding functional areas.

[0097] S302: In response to the target object's operation on any functional area in the menu display interface, trigger the selector function corresponding to the functional area and present the corresponding selection result, wherein the selector function is single selection or multiple selection.

[0098] In the embodiments of this application, different functional areas correspond to different selector functions. For example, functional area 1 corresponds to the multi-select function of the drop-down selector, and functional area 2 corresponds to the single-select function of the drop-down selector. As another example, functional area 1 corresponds to the single-select function of the drop-down selector, and functional area 2 corresponds to the multi-select function of the drop-down selector.

[0099] Assume function area 1 is the multi-select hotspot, corresponding to the multi-select function of the drop-down selector, and function area 2 is the single-select hotspot, corresponding to the single-select function of the drop-down selector. (See also...) Figure 3cThe diagram shows the operation logic of the selector function corresponding to the trigger function area. In response to the target object moving the mouse arrow to function area 1, the multi-select function of the drop-down selector is triggered, or in response to the target object moving the mouse arrow to function area 2, the single-select function of the drop-down selector is triggered.

[0100] Specifically, in step 302, the following operation methods for triggering the functional area are provided:

[0101] (1) In response to the target object’s click operation on any functional area in the menu display interface, trigger the selector function corresponding to any functional area.

[0102] The click operations include, but are not limited to, single-clicking any functional area, double-clicking any functional area, and triple-clicking any functional area. Therefore, the same click operation can be used to trigger different functional areas, or different click operations can be used to trigger different functional areas (e.g., single-clicking...). Figure 3b The function area 2 shown triggers the single-select function of the drop-down selector, while double-clicking the function area 1 triggers its multi-select function.

[0103] In this embodiment of the application, functional area 1 includes at least one checkbox, and functional area 2 includes at least one option. Therefore, as... Figure 3d As shown, whether the target object controls the mouse hand to click any checkbox within function area 1, or clicks any other area within function area 1 besides the checkboxes, the selector function corresponding to function area 1 will be triggered. Similarly, whether the target object controls the mouse hand to click any option within function area 2, or clicks any other area within function area 2 besides the options, the selector function corresponding to function area 2 will be triggered.

[0104] (2) In response to the long press operation of the target object on any functional area in the menu display interface, the selector function corresponding to any functional area is triggered.

[0105] In this embodiment of the application, functional area 1 includes at least one checkbox, and functional area 2 includes at least one option. Therefore, as... Figure 3e As shown, whether the target object long-presses any checkbox within function area 1 or any other area within function area 1 excluding the checkboxes, the selector function corresponding to function area 1 will be triggered. Similarly, whether the target object long-presses any option within function area 2 or any other area within function area 2 excluding the options, the selector function corresponding to function area 2 will be triggered.

[0106] (3) In response to the drag operation of the target object on any functional area in the menu display interface, the selector function corresponding to any functional area is triggered.

[0107] Specifically, in response to the target object dragging any option or checkbox located in any functional area of ​​the menu display interface to the background area of ​​the menu display interface, the selector function corresponding to any functional area is triggered.

[0108] like Figure 3f As shown, the target object controls the mouse hand to select the second option in function area 2, and drags the second option to the background area of ​​the menu display interface, triggering the single selection function of the drop-down selector.

[0109] (4) In response to the target object moving the operation controller to any functional area in the menu display interface, the selector function corresponding to any functional area is triggered.

[0110] In this application embodiment, the operation controller refers to a device such as a mouse arrow or mouse hand that assists the target object in operating the menu display interface. Figure 3g As shown, when the operation controller is the mouse arrow, the target object can trigger the single selection function of the drop-down selector by moving the mouse arrow into the function area 2.

[0111] Since different functional areas correspond to different selector functions, different checkbox styles and marking methods are designed for different selector functions in order to make it easier for the target object to clearly understand the currently triggered selector function.

[0112] For example, the checkbox style corresponding to the radio button function is a borderless checkbox. If the corresponding option is selected as the target option, a checkmark will be placed in the checkbox.

[0113] For example, the checkbox style corresponding to the multi-select function is a checkbox with a border. If the corresponding option is selected as the target option, the checkbox will be filled with black and a check mark will be placed inside the checkbox.

[0114] Because different checkbox styles and marking methods are designed for different selector functions, the content displayed in the menu interface will also differ when responding to the selector function triggered by the target object. Specifically, it can be divided into the following cases:

[0115] Scenario 1: When the selected functions triggered successively are the same selected function, or when the selected functions triggered successively are different selected functions, and at least one target option has not been selected before, at least one option and its corresponding checkbox will be displayed in the menu display interface according to the checkbox style corresponding to the currently triggered selected function.

[0116] When the selector functions triggered successively are the same selector function, the menu display interface will retain the mark of at least one previously selected target option.

[0117] Therefore, when the selector functions triggered sequentially are the same, they can be further divided into the following four cases:

[0118] (1) As Figure 4a As shown, when the selector functions triggered one after another are all single-selection functions, and the target object has not selected at least one target option before, at least one option is displayed in the menu display interface according to the checkbox style corresponding to the single-selection function, as well as checkboxes with borderless styles corresponding to each option.

[0119] (2) Figure 4b As shown, when the selector functions triggered one after another are both single-selection functions, and the target object has previously selected option one, while retaining the check mark in the checkbox corresponding to option one, at least one option is presented in the menu display interface according to the checkbox style corresponding to the single-selection function, as well as checkboxes with borderless style corresponding to each option.

[0120] (3) Figure 4c As shown, when the selector functions triggered one after another are all multi-select functions, and the target object has not selected at least one target option before, at least one option will be displayed in the menu display interface according to the check box style corresponding to the multi-select function, as well as check boxes with borders corresponding to each option.

[0121] (4) Figure 4d As shown, when the selector functions triggered one after another are all multi-select functions, and the target object has previously selected option one and option three, while retaining the marks in the check boxes corresponding to option one and option three, at least one option is presented in the menu display interface according to the check box style corresponding to the multi-select function, as well as check boxes with borders corresponding to each option.

[0122] When the selector functions triggered sequentially are different selector functions, and at least one target option has not been selected previously, it can be further divided into the following two cases:

[0123] (1) As Figure 4e As shown, when the drop-down selector responds to the trigger operation of the target object and switches from multi-selection to single-selection, and the target object does not select at least one target option in multi-selection mode, at least one option is displayed in the menu display interface according to the checkbox style corresponding to the single-selection function, as well as checkboxes with borderless styles corresponding to each option.

[0124] (2) Figure 4f As shown, when the drop-down selector responds to the trigger operation of the target object and switches from single selection to multi-select, and the target object has not selected at least one target option in single selection mode, at least one option is displayed in the menu display interface according to the checkbox style corresponding to the multi-select function, as well as checkboxes with borders corresponding to each option.

[0125] Scenario 2: When the previously triggered selector function is a multi-select function, and the currently triggered selector function is a single-select function, the menu display will show markers for at least one previously selected target option, following the marking method corresponding to the multi-select function. The menu display will also show markers for the viewed option, following the checkbox style and marking method corresponding to the single-select function. The viewed option refers to the option pointed to by the mouse cursor, hand, or other control gestures.

[0126] like Figure 4g As shown, when the drop-down selector responds to the target object's trigger operation and switches from multi-select to single-select, it still uses a new fill color and checkmarks to mark the target options selected by the target object in multi-select mode. When the target object views option one, the checkbox style of option one is switched to borderless, and a checkmark is added inside the checkbox to indicate that the target object is viewing that option.

[0127] Scenario 3: When the previously triggered selector function is a single-selection function and the currently triggered selector function is a multi-selection function, at least one option and its corresponding checkbox will be displayed in the menu display interface according to the checkbox style corresponding to the multi-selection function. In addition, the previously selected target option will be summarized and marked in the menu display interface according to the marking method corresponding to the multi-selection function.

[0128] like Figure 4h As shown, when the drop-down selector responds to the target object's trigger operation, it switches from single-selection to multi-selection, changes the checkbox style of each option to one with a border, and re-marks the previously selected option one using the marking method corresponding to the multi-selection function. When the target object views option two, it also prompts the target object that the currently viewed option is option two by thickening the checkbox line and changing the checkbox line color.

[0129] Because different checkbox styles and marking methods are designed for different selector functions, the selection results displayed in the menu interface will also differ when responding to the selector function triggered by the target object. Specifically, they can be divided into the following cases:

[0130] Scenario 1: For example Figure 5aAs shown, when the currently triggered selector function is a single-selection function, the selected target option is marked in the menu display interface according to the marking method corresponding to the single-selection function, and the target option is displayed in the display box of the menu display interface.

[0131] After the selection results are presented, such as Figure 5b As shown, in response to the target object clicking the selected target option again, or in response to the target object clicking the drop-down control, the menu is collapsed and the interface is displayed.

[0132] Case 1 is further divided into the following specific scenarios:

[0133] (1) As Figure 5c As shown, when the selector functions triggered successively are all single-selection functions, and the target object has not selected at least one target option before, the selected target option is marked in the menu display interface, and the target option is displayed in the display box of the menu display interface.

[0134] (2) Figure 5d As shown, if the selector functions triggered successively are both single-select functions, and the target object has previously selected option one, the selected target option will be marked in the menu display interface, and the target option will be displayed in the display box of the menu display interface. At the same time, the mark of at least one previously selected target option will be removed in the menu display interface.

[0135] (3) Figure 5e As shown, when the drop-down selector responds to the trigger operation of the target object, it switches from multi-selection to single-selection. If the target object has not selected at least one target option in multi-selection mode, the selected target option is marked in the menu display interface. At the same time as the target option is displayed in the display box of the menu display interface, the mark of at least one previously selected target option is also removed in the menu display interface.

[0136] (4) Figure 5f As shown, when the previously triggered selector function is a multi-select function and the currently triggered selector function is a single-select function, the selected target option is marked in the menu display interface, and the target option is displayed in the display box of the menu display interface. At the same time, the mark of at least one previously selected target option is also removed in the menu display interface.

[0137] Scenario 2: For example Figure 6a As shown, when the currently triggered selector function is a multi-select function, at least one selected target option is marked in the menu display interface according to the marking method corresponding to the multi-select function, and at least one target option is presented in the display box of the menu display interface.

[0138] After the selection results are presented, such as Figure 6b As shown, the menu display interface is collapsed in response to the target object clicking on an area outside the menu display interface, or in response to the target object clicking on the drop-down control.

[0139] Case 2 is further divided into the following specific scenarios:

[0140] (1) As Figure 6c As shown, when the selector functions triggered successively are all multi-select functions, and the target object has not selected at least one target option before, the selected target option is marked in the menu display interface, and the target option is displayed in the display box of the menu display interface.

[0141] (2) Figure 6d As shown, if both selected functions triggered sequentially are multi-select functions, and option one and option three have been selected for the target object, at least one selected target option is marked in the menu display interface, and at least one target option is displayed in the display box of the menu display interface. Here, at least one target option includes: at least one target option selected before the multi-select function is triggered, and at least one target option selected after the multi-select function is triggered.

[0142] (3) Figure 6e As shown, when the drop-down selector responds to the trigger operation of the target object and switches from single selection to multi-select, and the target object does not select at least one target option in single selection mode, at least one selected target option is marked in the menu display interface, and at least one target option is displayed in the display box of the menu display interface.

[0143] (4) Figure 6f As shown, when the previously triggered selector function is a single selection function and the currently triggered selector function is a multi-select function, at least one selected target option is marked in the menu display interface, and at least one target option is displayed in the display box of the menu display interface.

[0144] During the operation of the drop-down selector by the target object, the selector function corresponding to the operated functional area is triggered. Since the function triggering method of the drop-down selector proposed in this application embodiment conforms to the object's usage habits, the implementation effect of this solution is good, and it can quickly trigger single or multiple selections, saving the function triggering time of the drop-down selector and improving its work efficiency.

[0145] The function triggering method provided in this application can be applied to B-end products in multiple scenarios, including but not limited to intelligent transportation, assisted driving, and game task monitoring. Next, we will take a B-end product in the game task monitoring scenario as an example. Figure 7a The logic diagram shown is consistent with Figure 7bThe flowchart shown illustrates how the above-mentioned function triggering method is applied in this product to obtain, for example... Figure 7c The filtered tasks are shown below.

[0146] In B2B products monitoring game tasks, a common requirement is to trigger the single-selection function of a dropdown selector to focus on the tasks for a single game, making it convenient for the target audience (e.g., product operations personnel) to understand the tasks and detailed information for each game. However, in certain situations, there is also a need to view the tasks for multiple games simultaneously. The function triggering method provided in this application's embodiment triggers different functional areas on the menu display interface, thereby triggering the corresponding selector function. This allows for quick switching between single-selection and multi-selection functions, meeting the different usage needs of the product.

[0147] S701: In response to a trigger operation by the target object on the drop-down selector, present the menu display interface;

[0148] S702: Determine whether the target object has moved the mouse cursor to the function area 2 of the menu display interface. If yes, proceed to step 703; otherwise, proceed to step 706.

[0149] S703: Determine whether the selector function of the drop-down selector is a single selection function before triggering the radio selection function of function area 2. If yes, proceed to step 704; otherwise, proceed to step 705.

[0150] S704: Mark the selected target option in the menu display interface, present the target option in the display box of the menu display interface, and demark the previously selected target option in the menu display interface;

[0151] S705: Mark the selected target option in the menu display interface, present the target option in the display box of the menu display interface, and demark multiple previously selected target options in the menu display interface.

[0152] S706: Determine whether the selector function of the drop-down selector is a single-selection function before triggering the multi-select function of function area 1. If yes, proceed to step 707; otherwise, proceed to step 708.

[0153] S707: Retain the mark of the previously selected target option, mark at least one selected target option in the menu display interface, and present at least one target option in the display box of the menu display interface;

[0154] S708: Retain the mark of at least one previously selected target option, mark at least one selected target option in the menu display interface, and present at least one target option in the display box of the menu display interface.

[0155] Based on the same inventive concept as the above-described method embodiments, this application also provides a function triggering device for a drop-down selector. See also... Figure 8 The structural diagram shown indicates that the function triggering device 800 of the drop-down selector may include:

[0156] The interface display unit 801 is used to present a menu display interface. The menu display interface includes at least two functional areas, wherein one functional area contains at least one option, and the other functional area contains check boxes corresponding to at least one option.

[0157] The function triggering unit 802 is used to respond to the operation of the target object on any function area in the menu display interface, trigger the selector function corresponding to the function area, and present the corresponding selection result. The selector function is single selection or multiple selection.

[0158] Optionally, the function triggering unit 802 may use any of the following triggering operations to trigger the selector function corresponding to any function area:

[0159] In response to a click operation by the target object on any functional area in the menu display interface, the selector function corresponding to that functional area is triggered.

[0160] In response to a long press operation by the target object on any functional area in the menu display interface, the selector function corresponding to any functional area is triggered.

[0161] In response to a drag operation by the target object on any functional area in the menu display interface, the selector function corresponding to that functional area is triggered.

[0162] In response to the target object moving the operation controller to any functional area in the menu display interface, the selector function corresponding to that functional area is triggered.

[0163] Optionally, the function trigger unit 802 is used for:

[0164] In response to the target object dragging any option or checkbox located in any functional area of ​​the menu display interface to the background area of ​​the menu display interface, the selector function corresponding to any functional area is triggered.

[0165] Optionally, after triggering the selector function corresponding to any functional area in response to an operation by the target object on any functional area in the menu display interface, the function triggering unit is further used to:

[0166] When the selected functions triggered successively are the same selected function, or when the selected functions triggered successively are different selected functions, and at least one target option has not been selected before, at least one option and its corresponding check box will be displayed in the menu display interface according to the check box style corresponding to the currently triggered selected function.

[0167] When the previously triggered selector function is a multi-select function and the currently triggered selector function is a single-select function, mark at least one previously selected target option in the menu display interface according to the marking method corresponding to the multi-select function, and mark the viewed option in the menu display interface according to the checkbox style and marking method corresponding to the single-select function.

[0168] When the previously triggered selector function is a single-selection function, and the currently triggered selector function is a multi-selection function, at least one option and its corresponding checkbox will be displayed in the menu display interface according to the checkbox method corresponding to the multi-selection function, and the previously selected target option will be marked in the menu display interface according to the marking method corresponding to the multi-selection function.

[0169] Optionally, when the selected functions triggered sequentially are the same selected function, the function triggering unit further includes:

[0170] In the menu display interface, retain the markers for at least one previously selected target option.

[0171] Optionally, the function triggering unit is used for:

[0172] When the currently triggered selector function is a single-selection function, mark the selected target option in the menu display interface according to the marking method corresponding to the single-selection function, and present the target option in the display box of the menu display interface;

[0173] When the currently triggered selector function is a multi-select function, mark at least one selected target option in the menu display interface according to the marking method corresponding to the multi-select function, and present at least one target option in the display box of the menu display interface.

[0174] Optionally, while marking the selected target option in the menu display interface and presenting the target option in the display box of the menu display interface, the function triggering unit is also used for:

[0175] In the menu display interface, deselect at least one previously selected target option.

[0176] Optionally, when the currently triggered selector function is a multi-select function, the selected at least one target option includes:

[0177] At least one target option is selected before the multi-select function is triggered, and at least one target option is selected after the multi-select function is triggered.

[0178] For ease of description, the above sections are divided into modules (or units) according to their functions and described separately. Of course, in implementing this application, the functions of each module (or unit) can be implemented in one or more software or hardware components.

[0179] Having introduced the function triggering method and apparatus of the drop-down selector according to exemplary embodiments of this application, we will now introduce a computer device according to another exemplary embodiment of this application.

[0180] Those skilled in the art will understand that various aspects of this application can be implemented as a system, method, or program product. Therefore, various aspects of this application can be specifically implemented in the following forms: a completely hardware implementation, a completely software implementation (including firmware, microcode, etc.), or a combination of hardware and software implementations, collectively referred to herein as a "circuit," "module," or "system."

[0181] Based on the same inventive concept as the above-described method embodiments, this application also provides a computer device, see below. Figure 9 As shown, the computer device 900 may include at least a processor 901 and a memory 902. The memory 902 stores program code, which, when executed by the processor 901, causes the processor 901 to perform the steps of any of the aforementioned dropdown selector function triggering methods.

[0182] In some possible implementations, the computing device according to this application may include at least one processor and at least one memory. The memory stores program code that, when executed by the processor, causes the processor to perform steps in the function triggering method of the drop-down selector according to various exemplary embodiments of this application described above. For example, the processor may perform actions such as... Figure 3a The steps are shown in the figure.

[0183] The following reference Figure 10 To describe a computing device 1000 according to this embodiment of the present application. Figure 10 The computing device 1000 is merely an example and should not impose any limitations on the functionality and scope of use of the embodiments of this application.

[0184] like Figure 10As shown, the computing device 1000 is manifested in the form of a general-purpose computing device. The components of the computing device 1000 may include, but are not limited to: at least one processing unit 1001, at least one storage unit 1002, and a bus 1003 connecting different system components (including storage unit 1002 and processing unit 1001).

[0185] Bus 1003 represents one or more of several bus structures, including a memory bus or memory controller, peripheral bus, processor, or a local bus using any of the various bus structures.

[0186] Storage unit 1002 may include a readable medium in the form of volatile memory, such as random access memory (RAM) 10021 and / or cache storage unit 10022, and may further include read-only memory (ROM) 10023.

[0187] Storage unit 1002 may also include a program / utility 10025 having a set (at least one) program module 10024, such program module 10024 including but not limited to: operating system, one or more application programs, other program modules and program data, each or some combination of these examples may include an implementation of a network environment.

[0188] The computing device 1000 can also communicate with one or more external devices 1004 (e.g., keyboard, pointing device, etc.), one or more devices that enable a user to interact with the computing device 1000, and / or any device that enables the computing device 1000 to communicate with one or more other computing devices (e.g., router, modem, etc.). This communication can be performed via the input / output (I / O) interface 1005. Furthermore, the computing device 1000 can also communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN), and / or public networks, such as the Internet) via a network adapter 1006. As shown, the network adapter 1006 communicates with other modules for the computing device 1000 via bus 1003. It should be understood that, although not shown in the figures, other hardware and / or software modules can be used in conjunction with the computing device 1000, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0189] Based on the same inventive concept as the above-described method embodiments, various aspects of the function triggering method for a dropdown selector provided in this application can also be implemented as a program product, which includes program code. When the program product is run on a computer device, the program code is used to cause the computer device to execute the steps in the function triggering method for a dropdown selector according to various exemplary embodiments of this application described above. For example, the computer device can execute, for example, Figure 3a The steps are shown in the figure.

[0190] The program product may employ any combination of one or more readable media. A readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples (a non-exhaustive list) of readable storage media include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0191] Although preferred embodiments of this application have been described, those skilled in the art, upon learning the basic inventive concept, can make other changes and modifications to these embodiments. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments as well as all changes and modifications falling within the scope of this application.

[0192] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the spirit and scope of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.

Claims

1. A method for triggering the function of a dropdown selector, characterized in that, include: A menu display interface is presented, which includes at least two functional areas, wherein one functional area contains at least one option, and the other functional area contains check boxes corresponding to the at least one option; In response to an operation by the target object on any functional area in the menu display interface, the selector function corresponding to that functional area is triggered; the selector function is single selection or multiple selection, and different functional areas correspond to different selector functions. When the currently triggered selector function is a single-selection function, the selected target option is marked in the menu display interface according to the marking method corresponding to the single-selection function, and the target option is presented in the display box of the menu display interface; the checkbox style corresponding to the single-selection function is a borderless checkbox. When the currently triggered selector function is a multi-select function, at least one selected target option is marked on the menu display interface according to the marking method corresponding to the multi-select function, and at least one target option is presented in the display box of the menu display interface; the check box style corresponding to the multi-select function is a check box with a border. In response to an operation by the target object on any functional area in the menu display interface, after triggering the selector function corresponding to that functional area, if the previously triggered selector function was a multi-select function and the currently triggered selector function is a single-select function, at least one previously selected target option is marked in the menu display interface according to the marking method corresponding to the multi-select function, and the viewed option is marked in the menu display interface according to the checkbox style and marking method corresponding to the single-select function; if the previously triggered selector function was a single-select function and the currently triggered selector function is a multi-select function, at least one option and a corresponding checkbox are presented in the menu display interface according to the checkbox method corresponding to the multi-select function, and one previously selected target option is marked in the menu display interface according to the marking method corresponding to the multi-select function.

2. The method as described in claim 1, characterized in that, The response to an operation by a target object on any functional area of ​​the menu display interface, triggering the selector function corresponding to that functional area, includes any of the following: In response to a click operation by a target object on any functional area in the menu display interface, the selector function corresponding to that functional area is triggered; In response to a long press operation by the target object on any functional area in the menu display interface, the selector function corresponding to any functional area is triggered. In response to a drag operation by a target object on any functional area in the menu display interface, the selector function corresponding to that functional area is triggered. In response to the target object moving the operation controller to any functional area in the menu display interface, the selector function corresponding to that functional area is triggered.

3. The method as described in claim 2, characterized in that, The step of responding to a drag operation by a target object on any functional area in the menu display interface, and triggering the selector function corresponding to that functional area, includes: In response to the target object dragging any option or checkbox located in any functional area of ​​the menu display interface to the background area of ​​the menu display interface, the selector function corresponding to any functional area is triggered.

4. The method as described in claim 1, characterized in that, After triggering the selector function corresponding to any functional area in the menu display interface in response to an operation by the target object, the method further includes: When the selected functions triggered successively are the same selected function, or when the selected functions triggered successively are different selected functions, and at least one target option has not been selected before, the at least one option and the corresponding check box are presented in the menu display interface according to the check box style corresponding to the currently triggered selected function.

5. The method as described in claim 4, characterized in that, When the selected functions that are triggered successively are the same selected function, it also includes: In the menu display interface, the markers of at least one previously selected target option are retained.

6. The method as described in claim 1, characterized in that, In addition to marking the selected target option in the menu display interface and presenting the target option in the display box of the menu display interface, the method also includes: In the menu display interface, deselect at least one previously selected target option.

7. The method as described in claim 1, characterized in that, When the currently triggered selector function is a multi-select function, at least one of the selected target options includes: At least one target option is selected before the multi-select function is triggered, and at least one target option is selected after the multi-select function is triggered.

8. A function triggering device for a drop-down selector, characterized in that, include: The interface display unit is used to present a menu display interface, which includes at least two functional areas, wherein one functional area contains at least one option, and the other functional area contains check boxes corresponding to the at least one option respectively; The function triggering unit is used to respond to the operation of the target object on any functional area in the menu display interface and trigger the selector function corresponding to the functional area; the selector function is single selection or multiple selection, and different functional areas correspond to different selector functions. When the currently triggered selector function is a single-selection function, the selected target option is marked in the menu display interface according to the marking method corresponding to the single-selection function, and the target option is presented in the display box of the menu display interface; the checkbox style corresponding to the single-selection function is a borderless checkbox. When the currently triggered selector function is a multi-select function, at least one selected target option is marked on the menu display interface according to the marking method corresponding to the multi-select function, and at least one target option is presented in the display box of the menu display interface; the check box style corresponding to the multi-select function is a check box with a border. In response to an operation by the target object on any functional area in the menu display interface, after triggering the selector function corresponding to that functional area, if the previously triggered selector function was a multi-select function and the currently triggered selector function is a single-select function, at least one previously selected target option is marked in the menu display interface according to the marking method corresponding to the multi-select function, and the viewed option is marked in the menu display interface according to the checkbox style and marking method corresponding to the single-select function; if the previously triggered selector function was a single-select function and the currently triggered selector function is a multi-select function, at least one option and a corresponding checkbox are presented in the menu display interface according to the checkbox method corresponding to the multi-select function, and one previously selected target option is marked in the menu display interface according to the marking method corresponding to the multi-select function.

9. The apparatus as claimed in claim 8, characterized in that, The function triggering unit uses any of the following triggering operations to trigger the selector function corresponding to any one of the function areas: In response to a click operation by a target object on any functional area in the menu display interface, the selector function corresponding to that functional area is triggered; In response to a long press operation by the target object on any functional area in the menu display interface, the selector function corresponding to any functional area is triggered. In response to a drag operation by a target object on any functional area in the menu display interface, the selector function corresponding to that functional area is triggered. In response to the target object moving the operation controller to any functional area in the menu display interface, the selector function corresponding to that functional area is triggered.

10. The apparatus as claimed in claim 9, characterized in that, The function triggering unit is used for: In response to the target object dragging any option or checkbox located in any functional area of ​​the menu display interface to the background area of ​​the menu display interface, the selector function corresponding to any functional area is triggered.

11. The apparatus as claimed in claim 8, characterized in that, After triggering the selector function corresponding to any functional area in the menu display interface in response to an operation by the target object, the function triggering unit is further configured to: When the selected functions triggered successively are the same selected function, or when the selected functions triggered successively are different selected functions, and at least one target option has not been selected before, the at least one option and the corresponding check box are presented in the menu display interface according to the check box style corresponding to the currently triggered selected function.

12. A computer device, characterized in that, It includes a processor and a memory, wherein the memory stores program code that, when executed by the processor, causes the processor to perform the steps of the method according to any one of claims 1 to 7.

13. A computer-readable storage medium, characterized in that, It includes program code that, when run on a computer device, causes the computer device to perform the steps of the method according to any one of claims 1 to 7.

14. A computer program product, characterized in that, It includes computer instructions that, when executed by a processor, implement the steps of the method according to any one of claims 1 to 7.

Images