Method, system and device for realizing switchable classification co-selection set and storage medium
By utilizing bidirectional data binding and data hijacking technologies in the Vue framework, dynamic monitoring and updating classification options are solved, and the problem of data binding redundant code in the existing technology is realized, and a lightweight architecture and efficient user interaction are realized.
Patent Information
- Application Number
- CN202411846961.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-16
- Publication Date
- 2025-03-21
AI Technical Summary
In the prior art, implementing data binding of multi-stage linkage selectors requires a large amount of redundant code, resulting in large amount of code, complex architecture, and cumbersome user operations.
Based on Vue's core two-way data binding and data hijacking technology, dynamically monitor whether the functional options in the second category column are checked, and updates are displayed in the third category column in real time to reduce redundant code and realize a lightweight architecture.
By reducing redundant code, a lightweight architecture is achieved, code maintainability and scalability is improved, user operations are simplified, and user experience is improved.
Smart Images
Figure CN119668611A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the technical field of software front-end research and development, and in particular to a method, device, equipment and storage medium for implementing a switchable classification co-selection set. Background Art
[0002] With the rapid development of Internet technology, the amount of online pictures, videos and other data is experiencing explosive growth. Massive data provides a basis for users to easily obtain information, but it also brings huge challenges to obtaining available and user-desired data. Data classification technology is a technology that efficiently classifies data. In the existing technology, implementing data binding of multi-level linkage selectors requires a lot of redundant code, large code volume and complex architecture. Users need to select a batch of data, click the move button, and select a path for classification management. The operation is cumbersome and repetitive, which increases the operational burden.
[0003] In view of this, how to solve the lightweight switching classification co-selection set has become a technical problem that needs to be solved urgently by technical personnel in this field. Summary of the invention
[0004] In order to solve the above problems, the present invention is based on Vue's core two-way data binding and data hijacking. The used data will be monitored, and the dependencies will be automatically collected, and then the checked data items will be found from all options to complete the construction of the selection list data, reduce a large amount of redundant code, and realize a lightweight architecture.
[0005] The present invention constructs a first category column, a second category column and a third category column, wherein the first category column is used to display category entries, the second category column is used to display function options for user selection, and the third category column is used to display selected function options. Category switching is performed in the first category column, function item selection is performed in the second category column, and the result is displayed in the third category column. The present invention also uses Vue's function method to dynamically monitor whether the function options in the second category column are checked, and displays updates in the third category column in real time. The purpose of this application is to provide a method, device, equipment and computer-readable storage medium for realizing a switchable category co-selection set, which can efficiently realize a switchable category co-selection set and more reasonably realize task allocation.
[0006] The present application provides a method for implementing a switchable classification co-selection set, comprising:
[0007] A first classification column is defined, the first classification column is located at the leftmost side, the first classification column includes first classification column items, and the first classification column items are first-level classification items;
[0008] defining a second category column, wherein the second category column is located in the middle position, and the second category column includes second category column items;
[0009] Define a third category column, which is located on the far right of the page and is used to display the function options selected in the second category column;
[0010] Dynamically detect the selection of the function options in the second category column, display and update them in the third category column, and store the selected results in the selection list.
[0011] In some embodiments, defining the first category column includes,
[0012] Defining the style of the first category column includes defining category items of the first category column, and displaying the second category column item corresponding to the first category column item in the second category column by selecting the first category column item.
[0013] In some embodiments, defining the second category column includes defining a style of the second category column, including second category column entries;
[0014] Define whether all the current categories are selected, and define the check box click event;
[0015] Define a check option array, put all checked contents into this array, define the current category check event, and trigger this check event every time a check is made.
[0016] In some embodiments, defining a third category column includes,
[0017] Define the style of the third category column;
[0018] The options selected in the second category column items are displayed in the third category column display list, and a delete event is bound.
[0019] In some embodiments, the dynamically detecting the selection of the function option in the second category column and displaying the update in the third category column includes:
[0020] Switch categories in the first category column, select function items in the second category column, and display results in the third category column;
[0021] Use Vue's function method to dynamically monitor whether the function options in the second category column are checked, and display updates in the third category column in real time.
[0022] In some embodiments, the use of Vue's function method to achieve dynamic monitoring specifically includes using Vue calculation properties to dynamically obtain a list of data to be displayed and obtain a checked list result.
[0023] In some embodiments, a handle deletion function is defined to find the index of the corresponding data from the checked array, and trigger the deletion operation as needed to delete the selected entry in the third column.
[0024] In order to solve the above technical problems, the present application also provides a system for implementing a switchable classification co-selection set, including:
[0025] A first category column definition module, used to define a first category column, the first category column is located at the leftmost side, the first category column includes first category column items, and the first category column items are first-level category items;
[0026] A second category column definition module, used to define a second category column, the second category column is located in the middle position, and the second category column includes second category column items;
[0027] A third category column definition module, used to define a third category column, the third category column is located on the far right of the page, and is used to display the function options selected in the second category column;
[0028] The dynamic update module is used to dynamically detect the selection of the function options in the second category column, display the update in the third category column, and store the selection result in the selection list.
[0029] In order to solve the above technical problems, the present application also provides a device for implementing a switchable classification co-selection set, including:
[0030] Memory for storing computer programs;
[0031] A processor is used to implement the steps of the method for implementing a switchable classification co-selection set as described above when executing the computer program.
[0032] In order to solve the above technical problems, the present application also provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the method for realizing a switchable classification co-selection set are implemented as described above.
[0033] The present application proposes a method, device, equipment and computer-readable storage medium for realizing a switchable classification co-selection set, defining a first classification column, a second classification column and a third classification column, wherein the first classification column is located on the far left, the second classification column is located in the middle, and the third classification column is located on the far right of the page, and the classification columns all include classification column entries, and the Vue function method is used to dynamically monitor whether the function options in the second classification column are checked, and display updates in the third classification column in real time. The present invention is based on the core two-way data binding and data hijacking of Vue, monitors the used data, automatically collects dependencies, and then finds the checked data items from all options, completes the selection list data structure, reduces a large amount of redundant code, realizes a lightweight architecture, and improves the maintainability and scalability of the code.
[0034] The apparatus, device and computer-readable storage medium for implementing a switchable classification co-selection set provided in the present application all have the above-mentioned technical effects. BRIEF DESCRIPTION OF THE DRAWINGS
[0035] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the prior art and the drawings required for use in the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.
[0036] Figure 1 A flowchart of a method for implementing a switchable classification co-selection set provided in an embodiment of the present application;
[0037] Figure 2 A system structure block diagram for implementing a switchable classification co-selection set provided in an embodiment of the present application;
[0038] Figure 3 A page display diagram of a switchable category co-selection set provided in an embodiment of the present application;
[0039] Figure 4 A schematic diagram of a device for implementing a switchable classification co-selection set provided in an embodiment of the present application. DETAILED DESCRIPTION
[0040] The core of this application is to provide a method, device, equipment and computer-readable storage medium for implementing a switchable classification co-selection set, which can efficiently implement the switchable classification co-selection set and more reasonably implement task allocation.
[0041] In order to make the purpose, technical solution and advantages of the embodiments of the present application clearer, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.
[0042] Specifically, please refer to Figure 1 , Figure 1 A flowchart of a method for implementing a switchable classification co-selection set provided in an embodiment of the present application is provided. Figure 1 As shown, the method includes:
[0043] Step S1, defining a first category column, the first category column is located at the leftmost side, the first category column includes first category column items, and the first category column items are first-level category items;
[0044] The first category bar is located on the leftmost side of the page and displays category items according to conditions. It should be noted that, generally, the first category bar also includes an "all" item for displaying all category items. In this embodiment, it specifically includes:
[0045] Step 101, defining the style of the first category column, including defining the category items of the first category style, comparing the currently selected category and looping through each item, and giving the selected style if the same, for example, if "all" is selected, the option is highlighted;
[0046] Step 102, define the first classification column classification items, which are first-level classification items. Specifically, the first-level classification items include arrays of "all", "generated by store patrol", "system rules", "custom rewards and penalties", etc., define each item value and item name of "all", "generated by store patrol", "system rules", "custom rewards and penalties", etc., and define the click-to-switch classification event. For example, clicking "generated by store patrol" will switch to the corresponding category.
[0047] In this embodiment, the specific implementation is as follows.
[0048] <div class＝"select-option"> / / Define the first category style, select-option is the style name
[0049] <div
[0050] :class="['option-item', / / Define the sub-style name of the first category style
[0051] {active:currentSourceTitle===item.value},
[0052] ]" / / The active style compares each item according to the currently selected category and loops, and gives the selected style if they are the same. For example, if "All" is selected, the option will be highlighted.
[0053] v-for = "itemin sourceTitle" / / Define the array of "All", "Store Inspection", "System Rules", "Customized Rewards and Penalties" in the first category column
[0054] :key = "item.value" / / Defines each item value (item.value) of "all", "store inspection", "system rules", "custom rewards and penalties", etc. item.label is the name of each item.
[0055] The above v-for and key are implemented based on vue. If the conventional array definition is used here, more array-related codes are needed to implement it.
[0056] @click="changeTab(item.value)"
[0057] > / / Define a click-to-switch category event. For example, clicking "Store Tour Generates" will switch to the corresponding category.
[0058] {{item.label}} / / Category name
[0059] <Icon type="ios-arrow-forward" / > / / Category arrow icon
[0060]
[0061]
[0062] <div class＝"select-end">.
[0063] Before the above div style definition, the present invention also performs computed calculation based on Vue:
[0064] computed:{
[0065] selectList(){ / / Finally select the third level of results
[0066] const arr=this.sourceTypeList0.filter((item)=>{
[0067] return this.checkAllGroup.includes(item.value);
[0068] }); / / this.sourceTypeList0 is all the data in all first-level categories;
[0069] / / this.checkAllGroup is an array of all checked options.
[0070] return arr;
[0071] },
[0072] / / Custom rewards and punishments
[0073] sourceTypeListCom(){
[0074] / / Return the secondary options of custom rewards and punishments
[0075] return[...this.sourceTypeList3,...this.sourceTypeList];
[0076] },
[0077] / / All rewards and punishment sources
[0078] sourceTypeList0(){
[0079] Returns all secondary options
[0080] return[
[0081] ...this.sourceTypeList1,
[0082] ...this.sourceTypeList2,
[0083] ...this.sourceTypeList3,
[0084] ...this.sourceTypeList, ];
[0086] },
[0087] sourceList(){
[0088] If the first level is selected as three, that is, custom rewards and penalties, return the corresponding second-level data if (this.currentSourceTitle === 3) {
[0089] return this.sourceTypeListCom;
[0090] }
[0091] Returns the corresponding secondary display list
[0092] return this[`sourceTypeList${this.currentSourceTitle}`];
[0093] },
[0094] }.
[0095] Step S2, defining a second category column, wherein the second category column is located in the middle position and includes second category column items;
[0096] Define and construct a second category column, which is located in the middle of the page. This category column displays various functional options for users to choose from, such as video store inspection, remote store inspection, on-site store inspection, etc. These options are preceded by a checkbox option box for selection / unselection.
[0097] In this embodiment, defining the second category column specifically includes:
[0098] Step 201, defining the style of the second category column, including defining the second category column style title and the second category column items;
[0099] Define the second category column, including a title such as "XX items to be selected" and items such as video store inspection, remote store inspection, on-site store inspection, etc.
[0100] Step 202, define whether the current category is fully selected, and define a check box click event;
[0101] Specifically, the checkAll variable is defined to indicate whether all the current categories are selected, and handleCheckAll is defined to indicate the click event of the check box of the current category.
[0102] Step 203, define a check item array, put all checked contents into this array, define a current category check event, and trigger this check event every time a check is made;
[0103] Specifically, define the checkAllGroup variable to represent the check option array, and all checked contents will be put into this array. Define checkAllGroupChange to represent the current category check event, and each check will trigger this check event.
[0104] Step 204: display the category data items in the second category column according to the selection result of the first category column.
[0105] For example, if store patrol is selected in the first category column, the data items such as video store patrol, remote store patrol, etc. belonging to this category will be displayed in the second category column, and each item value and item name of video store patrol, remote store patrol, etc. will be defined.
[0106] Step S3, defining a third category column, the third category column is located on the far right of the page, and is used to display the function options selected in the second category column;
[0107] Define and construct the third category column, which is located on the far right of the page. The third category column includes third category column entries, which are the function options selected in the second category column. The third category column is used to display the function options selected in the second category column. The function options displayed in this category column can be deleted by using the Delete Function / Delete button.
[0108] In this embodiment, defining the third category column specifically includes:
[0109] Step 301, defining the style of the third category column;
[0110] When defining the third category column, include defining handleClear to represent the clear all event.
[0111] Step 302: Display the selected option in the second category column item in the third category column display list, and bind a delete event.
[0112] In this step, display the option names in the selectList selection list and bind the delete event for each option.
[0113] Step S4, dynamically detecting the selection of the function options in the second category column, and displaying updates in the third category column, and storing the selected results in the selection list.
[0114] Specifically, Vue's function method is used to dynamically monitor whether the function options in the second category column are checked, and display updates in the third category column in real time.
[0115] Step 401, switching categories in the first category column, selecting function items in the second category column, and displaying results in the third category column;
[0116] Step 402: Use Vue's function method to dynamically monitor whether the function options in the second category column are checked, and display updates in the third category column in real time.
[0117] In addition, define the handleDelete function, which is used to find the index of the corresponding data from the checked array and delete it.
[0118] In another embodiment, Figure 2 , 3 As shown, the present invention also proposes a method for implementing a switchable classification co-selection set, the method comprising:
[0119] Step S11, constructing a first category column, which is located on the leftmost side of the page and displays category items according to conditions. Specifically, the following steps are included:
[0120] Step 1101, define the style of the first category column, including defining the category items of the first category style, and comparing the currently selected category and looping each item. If the same is true, the selected style is given. For example, if "all" is selected, the option is highlighted. The style name is select-option, the category item is option-item, and the selected style is active.
[0121] Step 1102, define the array sourceTitle of "All", "Generated by Store Patrol", "System Rules", "Customized Rewards and Punishments" in the first category column, the value of the array item is item.value, and the item name is item.label. Define the click to switch category event changeTab(item.value), for example, click "Generated by Store Patrol" to switch to the corresponding category.
[0122] Step 22, construct a second category column, which is located in the middle of the page. The category column displays various functional options for users to choose, such as video store inspection, remote store inspection, on-site store inspection, etc. These options are preceded by a checkbox option box for users to select / not select. Specifically, the following steps are included:
[0123] Step 2201, define the style of the second category column, the style name is select-end-box, the title style is select-end-box-title, and the title content is "27 items to be selected".
[0124] Step 2202, define the checkAll variable to indicate whether all the current categories are selected, with a value range of true or false, and a default value of false. Define the handleCheckAll function to indicate the current category check box click event.
[0125] Step 2203, define the checkAllGroup variable to represent the check option array, all checked contents will be put into this array, and the initial value is an empty array []. Define the checkAllGroupChange function to represent the current category check event, and each check will trigger this check event.
[0126] Step 2204, according to the selection result of the first category column, display the category data items in the second category column. For example, if store patrol is selected in the first category column, the data items such as video store patrol and remote store patrol belonging to this category will be displayed in the second category column. The value of the data item is item.value and the item name is item.label.
[0127] Step 33, construct a third category column, which is located on the far right of the page and is used to display the function options selected in the second category column. The function options displayed in this category column can be deleted by clicking the Delete Function / Delete button. Specifically, the following steps are included:
[0128] Step 3301, define the style of the third category column, the style name is select-end-box, the title style is select-end-box-title2, the title content is "Selected", and define the handleClear function to represent the clear all event.
[0129] Step 3302, define the selectList variable to represent the displayed check option array, with the initial value being an empty array []. Define the handleDelete function to represent the delete event, with the parameter item.value representing the option value to be deleted.
[0130] Step 3303, traverse the selectList array, display the item name item.label of each option, and bind the delete event handleDelete(item.value) to each option.
[0131] Step 44, switching categories in the first category column, selecting function items in the second category column, and displaying the results in the third category column, using Vue's function method to dynamically monitor whether the function options in the second category column are checked, and displaying updates in the third category column in real time. Specifically, the following steps are included:
[0132] Step 4401, clicking on different category items in the first category column, such as "All", "Generated from Store Inspection", etc., will trigger a changeTab event and update the list of function options displayed in the second category column.
[0133] Step 4402, checking or unchecking the function option in the second category column will trigger the checkAllGroupChange event, update the checkAllGroup array, and dynamically update the selected result selectList displayed in the third category column according to the value of the checkAllGroup array.
[0134] Step 4403, define the handleDelete function, with the parameter being the option value to be deleted, find the corresponding index index in the checkAllGroup array, use the array's splice method to delete the item, and update the selected result selectList displayed in the third category column.
[0135] The present application proposes a method for realizing a switchable classification co-selection set, defining a first classification column, a second classification column, and a third classification column, wherein the first classification column is located on the far left, the second classification column is located in the middle, and the third classification column is located on the far right of the page, and the classification columns all include classification column entries, and use Vue's function method to dynamically monitor whether the function options in the second classification column are checked, and display updates in the third classification column in real time. The present invention is based on Vue's core two-way data binding and data hijacking, monitors the used data, automatically collects dependencies, and then finds the checked data items from all options, completes the selection list data structure, reduces a large amount of redundant code, realizes a lightweight architecture, and improves code maintainability and scalability.
[0136] The beneficial effects of the present invention include: 1. Reducing a large amount of redundant code, realizing a lightweight architecture, and improving code maintainability and scalability; 2. By constructing a first category column, a second category column, and a third category column, an intuitive display of category items, function options, and selected results is realized, thereby improving user experience; 3. Category switching is performed in the first category column, function item selection is performed in the second category column, and results are displayed in real time in the third category column. The operation is simple and efficient, thereby reducing the user operation burden; 4. Vue's function method is used to dynamically monitor whether the function options in the second category column are checked, and updates are displayed in the third category column in real time, thereby improving the interactive experience; 5. It is implemented based on the Vue framework, making full use of Vue's two-way data binding and data hijacking features, thereby improving development efficiency and code quality.
[0137] The present application also provides a system for implementing a switchable classification co-selection set. The system described below can be referenced to the method described above. Figure 2 , Figure 2 A schematic diagram of a system for implementing a switchable classification co-selection set provided in an embodiment of the present application, combined with Figure 2 As shown, the system includes:
[0138] A first category column definition module, used to define a first category column, the first category column is located at the leftmost side, the first category column includes first category column items, and the first category column items are first-level category items;
[0139] A second category column definition module, used to define a second category column, the second category column is located in the middle position, and the second category column includes second category column items;
[0140] A third category column definition module, used to define a third category column, the third category column is located on the far right of the page, and is used to display the function options selected in the second category column;
[0141] The dynamic update module is used to dynamically detect the selection of the function options in the second category column, display the update in the third category column, and store the selection result in the selection list.
[0142] The present application also provides a device for implementing a switchable classification co-selection set, referring to Figure 4 As shown, the device includes a memory 1 and a processor 2 .
[0143] Memory 1, used for storing computer programs;
[0144] Processor 2 is used to execute the computer program to implement the following steps:
[0145] Instantiate the encapsulated calling class and call the execution method to initiate a request to trigger a data acquisition transaction and obtain database data;
[0146] Receive the request, obtain data, define the network request address object storage path parameters, check the interface parameters of the request parameters and the status code parameters, and execute the method of the calling class;
[0147] When executing the calling class method, determine whether the parameters meet the preset requirements. If so, initiate a network request, define the interface parameters for checking the returned results, and determine whether the results are correct; if not, push an exception and end the current task.
[0148] For an introduction to the equipment provided in this application, please refer to the above method embodiments, and this application will not go into details here.
[0149] The present application also provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the following steps can be implemented:
[0150] Instantiate the encapsulated calling class and call the execution method to initiate a request to trigger a data acquisition transaction and obtain database data;
[0151] Receive the request, obtain data, define the network request address object storage path parameters, check the interface parameters of the request parameters and the status code parameters, and execute the method of the calling class;
[0152] When executing the calling class method, determine whether the parameters meet the preset requirements. If so, initiate a network request, define the interface parameters for checking the returned results, and determine whether the results are correct; if not, push an exception and end the current task.
[0153] The computer-readable storage medium may include: a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and other media that can store program codes.
[0154] For an introduction to the computer-readable storage medium provided in this application, please refer to the above method embodiment, and this application will not go into details here.
[0155] The various embodiments in the specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments. The same or similar parts between the various embodiments can be referred to each other. For the system, device, and computer-readable storage medium disclosed in the embodiments, since they correspond to the methods disclosed in the embodiments, the description is relatively simple, and the relevant parts can be referred to the method part description.
[0156] Professionals may further appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of the two. In order to clearly illustrate the interchangeability of hardware and software, the composition and steps of each example have been generally described in the above description according to function. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professionals and technicians may use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.
[0157] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
[0158] The above is a detailed introduction to the method, system, device and computer-readable storage medium for implementing a switchable classification co-selection set provided by the present application. Specific examples are used herein to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea. It should be pointed out that for ordinary technicians in this technical field, without departing from the principles of the present application, several improvements and modifications can be made to the present application, and these improvements and modifications also fall within the scope of protection of the claims of the present application.
Claims
1. A method for implementing a switchable classification co-selection set, characterized in that: include: A first classification column is defined, the first classification column is located at the leftmost side, the first classification column includes first classification column items, and the first classification column items are first-level classification items; defining a second category column, wherein the second category column is located in the middle position, and the second category column includes second category column items; Define a third category column, which is located on the far right of the page and is used to display the function options selected in the second category column; Dynamically detect the selection of the function options in the second category column, display and update them in the third category column, and store the selected results in the selection list.
2. The method for realizing switchable classification co-selection set according to claim 1, characterized in that: The first category column of the definition includes, Defining the style of the first category column includes defining category items of the first category column, and displaying the second category column item corresponding to the first category column item in the second category column by selecting the first category column item.
3. The method for realizing switchable classification co-selection set according to claim 1, characterized in that: Defining the second category column includes defining the style of the second category column, including the second category column items; Define whether all the current categories are selected, and define the check box click event; Define a check option array, put all checked contents into this array, define the current category check event, and trigger this check event every time a check is made.
4. The method for realizing switchable classification co-selection set according to claim 1, characterized in that: The third category column of the definition includes, Define the style of the third category column; The options selected in the second category column items are displayed in the third category column display list, and a delete event is bound.
5. The method for realizing switchable classification co-selection set according to claim 1, characterized in that: The dynamically detecting the selection of the function option in the second category column and displaying the update in the third category column includes: Switch categories in the first category column, select function items in the second category column, and display results in the third category column; Use Vue's function method to dynamically monitor whether the function options in the second category column are checked, and display updates in the third category column in real time.
6. The method for realizing switchable classification co-selection set according to claim 5, characterized in that: The use of Vue's function method to achieve dynamic monitoring specifically includes using Vue's calculated properties to dynamically obtain a list of data to be displayed and obtain a checked list result.
7. The method for realizing switchable classification co-selection set according to claim 5, characterized in that: Define the handle deletion function, find the index of the corresponding data from the checked array, and trigger the deletion operation as needed to delete the selected entry in the third column.
8. A system for implementing a switchable classification co-selection set, characterized in that: include: A first category column definition module, used to define a first category column, the first category column is located at the leftmost side, the first category column includes first category column items, and the first category column items are first-level category items; A second category column definition module, used to define a second category column, the second category column is located in the middle position, and the second category column includes second category column items; A third category column definition module, used to define a third category column, the third category column is located on the far right of the page, and is used to display the function options selected in the second category column; The dynamic update module is used to dynamically detect the selection of the function options in the second category column, display the update in the third category column, and store the selection result in the selection list.
9. A device for implementing a switchable classification co-selection set, characterized in that: include: Memory for storing computer programs; A processor, configured to implement the steps of the method for implementing a switchable classification co-selection set as claimed in any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the method for implementing a switchable classification co-selection set as claimed in any one of claims 1 to 7 are implemented.