CN114791984B - Navigation tree display method, navigation tree display device and electronic equipment - Google Patents
Navigation tree display method, navigation tree display device and electronic equipment Download PDFInfo
- Publication number
- CN114791984B CN114791984B CN202210733110.3A CN202210733110A CN114791984B CN 114791984 B CN114791984 B CN 114791984B CN 202210733110 A CN202210733110 A CN 202210733110A CN 114791984 B CN114791984 B CN 114791984B
- Authority
- CN
- China
- Prior art keywords
- data
- node
- displayed
- page
- navigation tree
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/954—Navigation, e.g. using categorised browsing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/901—Indexing; Data structures therefor; Storage structures
- G06F16/9027—Trees
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/903—Querying
- G06F16/90335—Query processing
- G06F16/90344—Query processing by using string matching techniques
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
- G06F3/0354—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of 2D relative movements between the device, or an operating part thereof, and a plane or surface, e.g. 2D mice, trackballs, pens or pucks
- G06F3/03543—Mice or pucks
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Computational Linguistics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a navigation tree display method, a navigation tree display device and electronic equipment, and relates to the technical field of data processing. The method comprises the following steps: when the quantity of the data to be displayed exceeds a paging threshold value, grouping the data to be displayed to obtain a plurality of groups of data; generating node components of a navigation tree, wherein the number of the node components is the same as that of a group of data; displaying a set of data in the data to be displayed through the node component; receiving page turning operation of a user, determining target group data corresponding to the page turning operation, and switching data displayed by the node assembly into the target group data. The method and the device can solve the problem of blockage of the navigation tree for displaying a large amount of data and improve the display speed.
Description
Technical Field
The present invention relates to the field of data processing technologies, and in particular, to a navigation tree display method, a navigation tree display apparatus, and an electronic device.
Background
Navigation trees are a common functional part of applications. The navigation tree can display data of the tree-shaped data structure, provide rich functions and facilitate a user to operate the whole application program. When displaying data of the tree data structure, a node component of the navigation tree may be created according to the amount of data, and then the data is rendered on the node component. Each time a node component is created in the navigation tree, a resource is required to be applied to the underlying operating system, which is a time-consuming process. When the amount of data to be loaded is large, it takes a lot of time to create a corresponding number of node components, which is easy to cause thread blocking, resulting in interface jamming and no response to user operation.
Disclosure of Invention
The invention provides a navigation tree display method, a navigation tree display device and electronic equipment, which are used for solving the problem that a navigation tree is stuck when a large amount of data is loaded in the prior art and achieving the effect of quickly displaying the navigation tree.
The invention provides a navigation tree display method, which comprises the following steps:
when the quantity of the data to be displayed exceeds a paging threshold value, grouping the data to be displayed to obtain a plurality of groups of data;
generating node components of a navigation tree, wherein the number of the node components is the same as that of a group of data;
displaying a set of data in the data to be displayed through the node component;
and receiving page turning operation of a user, determining target group data corresponding to the page turning operation, and switching data displayed by the node assembly into the target group data.
According to an embodiment provided by the present invention, the receiving a page-turning operation of a user and determining target group data corresponding to the page-turning operation includes:
generating page turning function nodes in the navigation tree;
and receiving a first operation on the page turning function node, and taking the adjacent group data of the currently displayed data as target group data.
According to an embodiment provided by the present invention, the receiving a page turning operation of a user and determining target group data corresponding to the page turning operation includes:
responding to a second operation aiming at the page turning function node, and displaying a page turning popup window which can comprise an input control;
receiving input operation of a user on the input control, wherein the input operation is used for inputting a target page number;
and responding to the input operation, and taking a group of data corresponding to the target page number as target group data.
According to an embodiment of the present invention, the inputting operation is further configured to input a target character string, and the setting, as target group data, a group of data corresponding to the target number of pages in response to the inputting operation includes:
and in response to the input operation, determining target data matched with the target character string, and taking a group of data where the target data is located as target group data.
According to an embodiment provided by the present invention, the page flip window further includes a roller control, and after the page flip window is displayed, the method further includes:
receiving a roller operation on the roller control, wherein the roller operation is an operation of a mouse roller by a user;
and determining target group data according to the roller operation.
According to an embodiment provided by the present invention, when the number of data to be displayed exceeds a paging threshold, grouping the data to be displayed to obtain a plurality of groups of data, includes:
displaying a setting page, and determining the paging threshold and the number of single-page nodes based on the setting page;
and when the quantity of the data to be displayed exceeds the paging threshold value, grouping the data to be displayed according to the number of the single-page nodes to obtain multiple groups of data.
According to an embodiment provided by the present invention, after grouping the data to be displayed according to the number of nodes in a single page, the method further includes:
when the number of the target group data is smaller than the number of the single-page nodes, deleting the currently displayed node components, and regenerating the node components with the number corresponding to the target group data for the navigation tree;
displaying the target group data in the regenerated node component.
The present invention also provides a navigation tree display apparatus, comprising:
the data grouping module is used for grouping the data to be displayed to obtain a plurality of groups of data when the quantity of the data to be displayed exceeds a paging threshold value;
the node creating module is used for generating node components of the navigation tree, and the number of the node components is the same as that of a group of data;
the data display module is used for displaying a group of data in the data to be displayed through the node component;
and the switching display module is used for receiving page turning operation of a user, determining target group data corresponding to the page turning operation and switching data displayed by the node assembly into the target group data.
The invention also provides an electronic device, which comprises a memory, a processor and a computer program stored on the memory and capable of running on the processor, wherein the processor executes the program to realize the navigation tree display method.
The present invention also provides a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements a navigation tree display method as described in any one of the above.
The invention also provides a computer program product comprising a computer program which, when executed by a processor, performs the method as described in any one of the above.
According to the navigation tree display method, the navigation tree display device and the electronic equipment, when the number of the data to be displayed is large, the data to be displayed is divided into multiple groups of data, and data display can be achieved only by generating the node assemblies with the same number as that of the group of data. The number of the node assemblies required to be created is greatly reduced, the time for creating the node assemblies can be shortened, the resource occupation of an operating system is saved, and the response time of an interface is improved. And the data displayed in the node assembly is switched through page turning operation, so that target group data required by a user is displayed, the user can quickly find the required data, and the data retrieval requirement of the user is met.
Drawings
In order to more clearly illustrate the technical solutions of the present invention or the prior art, the drawings needed for the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and those skilled in the art can also obtain other drawings according to the drawings without creative efforts.
FIG. 1 is a flow chart of a navigation tree display method provided by the present invention;
FIG. 2 is a schematic diagram of a display effect of the navigation tree display method according to the present invention;
FIG. 3 is a second schematic view illustrating the display effect of the navigation tree display method according to the present invention;
FIG. 4 is a third schematic view illustrating the display effect of the navigation tree display method according to the present invention;
FIG. 5 is a fourth schematic view illustrating the display effect of the navigation tree display method according to the present invention;
FIG. 6 is a fifth exemplary illustration showing the display effect of the navigation tree display method according to the present invention;
FIG. 7 is a schematic structural diagram of a navigation tree display apparatus provided in the present invention;
fig. 8 is a schematic structural diagram of an electronic device provided in the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention clearer, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings, and it is obvious that the described embodiments are some, but not all embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The block diagrams shown in the figures are functional entities only and do not necessarily correspond to physically separate entities. I.e. these functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor means and/or microcontroller means.
The flow charts shown in the drawings are merely illustrative and do not necessarily include all of the contents and operations/steps, nor do they necessarily have to be performed in the order described. For example, some operations/steps may be decomposed, and some operations/steps may be combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.
In the present specification, the terms "first", "second", "third", and the like are used merely as labels, and are not intended to limit the number or order of the objects.
The following describes a technical solution of the navigation tree display method according to the present invention with reference to the accompanying drawings.
For example, the navigation tree display method may be applied to various types of electronic devices such as a personal computer, a tablet computer, a smart phone, a virtual reality/augmented reality device, and a wearable device, and this embodiment is not particularly limited in this respect.
Developers typically employ Eclipse to develop applications. Eclipse is a software development framework provided with Java development tools. An application built using the Eclipse framework is called Eclipse RCP (Eclipse Rich Client plant form). Standard Widget Toolkit (SWT)/JFace is a graphical interface development kit provided by Eclipse, and can be used for developing a graphical interface part of Eclipse RCP. The SWT includes a plurality of components such as a Label (Label), a Button (Button), a Text box (Text), a drop-down box (Combo), a panel (Composite), a palette (Canvas), a Table (Table), a Tree (Tree), and the like. JFace is a UI component packaged with SWT, and is a set of underlying graphical Interface Application Program Interfaces (API) used for developing an Eclipse integrated development environment. JFace provides a set of powerful user interface components that developers can utilize in applications, simplifying common UI programming tasks. Common components of JFace are tables (TableViewer), trees (TreeViewer), lists ListViewer, and so on. The TreeViewer component may expose tree structured data. The functional modules in an application implemented with the TreeViewer component are called navigational trees. The navigation tree can facilitate the user to search the corresponding content.
In an exemplary application scenario, when a user develops an application program such as eclipse rcp on an electronic device, the user performs an operation on an application program interface to issue a request for displaying navigation tree data, and the electronic device may execute the navigation tree display method provided in this embodiment to display a navigation tree. For example, when a user clicks a button on an application interface that displays a navigational tree, the electronic device may execute a navigational tree display method to display data that the user wants to view.
Fig. 1 shows a flowchart of a navigation tree display method in an embodiment of the present invention. As shown in fig. 1, the navigation tree display method includes the steps of:
step 10: and when the quantity of the data to be displayed exceeds a paging threshold value, grouping the data to be displayed to obtain a plurality of groups of data.
The data to be displayed may be various types of data, such as an application package, a table, a code file, and the like, and this embodiment is not particularly limited thereto. The data to be displayed can be displayed on the graphical interface through the navigation tree so as to be convenient for a user to view.
When the amount of data to be displayed exceeds a certain value, the interface will be stuck. The better the performance of the electronic device, the larger the value. In order to avoid the display data from being too much to cause the display data to be stuck, the user may determine the paging threshold according to the performance of the electronic device. When the electronic device receives an operation of displaying data on the application program interface, the data to be displayed can be loaded into the memory, and then whether the quantity of the data to be displayed exceeds the paging threshold value is determined.
For example, the user may set the paging threshold according to the performance of the electronic device, for example, the paging threshold may be 100, 200, and so on. For example, the electronic device can display a settings interface based on which a paging threshold and a number of single page nodes are determined. Wherein, the number of the single-page nodes is the number of each group of data. Specifically, the electronic device may display the threshold to be selected and the number of nodes to be selected in the setting interface, as shown in fig. 2, the navigation tree paging setting page 20 may be used as a setting page. The setting page includes four controls, namely a control 21, a control 22, a control 23 and a control 24, each control corresponds to a threshold to be selected, and if the threshold to be selected corresponding to each control in sequence is 100, 200, 300 and 400. And when the click operation of the user is received, taking the threshold to be selected corresponding to the click operation as the paging threshold. For example, when the user clicks the control 21, the candidate threshold 100 corresponding to the control 21 is used as the paging threshold. Similarly, the setting page may also display a plurality of controls of the number of nodes to be selected, for example, the number of nodes to be selected may be 20, 30, 50, 70, 100, and the like. According to the control corresponding to the number of the nodes to be selected in the setting page 20, the number of the nodes of the single page selected by the user can be determined. For example, when the user clicks the control 25, the number of nodes to be selected 30 corresponding to the control 25 is taken as the number of nodes in a single page.
In addition, the candidate threshold may also include other values, such as 80, 90, 150, etc.; the number of the nodes to be selected can also comprise other values, such as 15, 35 and the like; the present embodiment is not limited to the above.
After the electronic device obtains the paging threshold and the number of single-page nodes set by the user, when the number of the data to be displayed exceeds the paging threshold, the data to be displayed can be grouped according to the number of the single-page nodes to obtain multiple groups of data. For example, if the data to be displayed is 1000 tables and the paging threshold is 100, the data to be displayed needs to be grouped. When grouping, each 30 of the 1000 tables can be divided into one group according to the number of single page nodes such as 30, so as to obtain a plurality of groups.
For example, the paging threshold may also be set to a fixed value in advance, so that the user operation is not required, and the user operation may be reduced. For example, the paging threshold is set to 100, etc. Similarly, the number of nodes in a single page may also be preset, for example, set to 20, and when the data to be displayed is grouped, the data is grouped according to a preset numerical value, that is, 20 pieces of data are grouped into one group.
It can be understood that, when the data to be displayed is divided according to the number of nodes in a single page, the number of data in each group may be different. And when the number of the data to be displayed is not integral multiple of the number of the single-page nodes, the number of the divided last group of data is less than the number of the single-page nodes.
Step 20: and generating node components of the navigation tree, wherein the number of the node components is the same as that of the group of data.
The electronic device may invoke an interface of the creation node of the TreeViewer component to create the node component. The number of node components created is the same as a set of data to be displayed. For example, the number of data to be displayed is 100, and every 20 data are divided into one group, so that the number of data in one group is 20, and the number of node components is also 20.
Step 30: and displaying a group of data in the data to be displayed through the node component.
After the node component is created, a group of data in the data to be displayed can be rendered to the created node component and displayed on the interface for the user to view. The interface displayed with the node component may be referred to as a first interface. Each node component may display a piece of data to be displayed. For example, the node component may initially display a first set of data in the data to be displayed. For example, as shown in fig. 3, the first set of data 31 is N tables, and N node components, each of which displays 1 table, may be displayed in the first interface 30, thereby displaying N tables.
Step 40: receiving page turning operation of a user, determining target group data corresponding to the page turning operation, and switching data displayed by a node component into the target group data.
The page-turning operation is an operation for switching the data currently displayed by the node component to the next set of data. Illustratively, the page-turning operation may include an operation of clicking a control, a slide gesture operation, an operation of moving a mouse, and the like. For example, a control may be displayed in the first interface, and when a click operation for the control is received, the electronic device may determine the target group data according to the click operation. Other group data except the currently displayed data in the data to be displayed can be used as the target group data. For example, the electronic device randomly determines a set of data as target set data in addition to the currently displayed data when receiving a page turn operation.
In an exemplary embodiment, the electronic device may generate a page turning function node in the navigation tree; and receiving a first operation on the page turning function node, and taking the adjacent group data of the currently displayed data as the target group data. The page turning operation may include a first operation on a page turning function node.
And a node component, called a page turning function node, can be added at the head or the tail of the node component of the navigation tree for realizing the data switching function. Different from the node assembly for displaying the data to be displayed, the page turning function node may be configured to display a control having a certain function, such as a virtual button. The first operation may be a click operation of clicking a page turning function node, a double click operation, and the like.
When receiving an operation for the page turning function node, that is, a first operation, the electronic device may take neighbor group data of currently displayed data as target group data. For example, a first group of data in the data to be displayed is currently displayed in the node component of the navigation tree, and when a first operation is received, a second group of data is taken as a target group of data. After the target group data is determined, the target group data can be re-rendered to the node component, so that the target group data is displayed in the first interface, and the effect of data page turning in the interface is achieved.
Illustratively, page turning function nodes can be respectively added at the head and the tail of the node components of the navigation tree. For convenience of description, the first page turning function node is denoted as a first node, and the last page turning function node is denoted as a second node. And if the first operation on the first node is received, taking the last group of the currently displayed data as the target group data. And if the first operation on the second node is received, taking the next group of the currently displayed data as the target group data. For example, the currently displayed data is a second group of data of the data to be displayed, and when a first operation on the first node is received, the first group of data is used as the target group of data; and receiving a first operation on the second node, and taking the third group of data as target group data.
The first operation is a click operation as an example. As shown in fig. 4, a node 41, i.e., a first node, may be added to the first position of the node component of the data to be displayed in the first interface 40. The node 41 may be named "previous page" and may prompt the user that the displayed data can be switched to the previous group through the node. At the end of the node component a node 42, a second node, may be added, the name of which node 42 may be "next page", which can prompt the user that the displayed data can be switched to the next group via this node. The data currently displayed by the node component of the navigation tree may be a first group of data, and when the electronic device receives a click operation for the node 41, a last group of the first group of data is used as the target group of data, and since the last group of data does not exist in the first group of data, the electronic device may not respond to the click operation. When the electronic device receives the click operation for the node 42, the next group of data of the first group of data is taken as the target group of data, that is, the second group of data in the data to be displayed is taken as the target group of data. The electronic equipment can render the target group data to the created node assembly, and the effect of viewing the data to be displayed through page turning is achieved.
Through the first and last page turning function nodes, the displayed data can be quickly switched, so that the data displayed on the node assembly is switched among all groups of data to be displayed, and the display of all groups of data is realized. In this embodiment, when the target group data is displayed, the node component does not need to be created again, but the target group data is directly rendered on the created node component, so that the time for creating the node component can be saved, and the response speed can be improved. And each group of data has a small quantity, so that the data rendering time can be reduced, the interface jam can be avoided, the blocking condition of the UI thread can be reduced, and the user experience can be improved.
It should be appreciated that the electronic device need not respond to the first operation on the first node (i.e., "previous page") if the data currently displayed on the node assembly is the first set of data to be displayed. If the currently displayed data on the node component is the last group of data to be displayed, the electronic device does not need to respond to the first operation for the second node (i.e., "next page").
In addition, there is a case where the number of each set of data is not uniform after the data is grouped to be displayed. For example, the data to be displayed is 95 tables, and when the number of nodes in a single page is 30, the data to be displayed is divided into one group by 30 tables, and the last group has only 5 tables. If the determined target group data happens to be the case, the target group data cannot be directly displayed on the node component that has already been created. Illustratively, when the number of target group data to be displayed is less than the number of nodes in a single page, the currently displayed node components are deleted, and the node components corresponding to the target group data in number are regenerated for the navigation tree. And displaying the target group data in the regenerated node component.
For example, if the number of node components is 30 and the target group data is 10 tables, the created 30 node components may be destroyed, and then 10 node components may be created again for the navigation tree, and the 10 tables may be rendered on the node components.
In an exemplary embodiment, the electronic device receives a second operation on the page turning function node, and displays a page turning popup window in response to the second operation. The page flip popup may include an input control in which the user may enter a target number of pages. An operation of inputting a target number of pages is used as an input operation. The electronic equipment can receive input operation of a user on the input control, and in response to the input operation, data corresponding to the target page number input by the user is used as target group data.
The second operation may be a double-click operation, a drag operation, and the like on the page turning function node. The second operation is different from the first operation, and for example, the first operation may be a left mouse click operation on the page turning function node, and the second operation may be a right mouse click operation on the page turning function node. Continuing with the example of the first interface 40 in fig. 4, when the left mouse click on node 41 or node 42, the electronic device can switch the data currently displayed by the node component to the neighbor set data. When the mouse right clicks on node 41 or node 42, the electronic device may display a flip page popup. As shown in fig. 5, the electronic device may display a flip popup 50 in the first interface 40.
The first operation and the second operation may be other operations, for example, the first operation may be a single-click operation, and the second operation may be a double-click operation, and the embodiment is not limited thereto.
With continued reference to FIG. 5, an input control 51, such as an input box or the like, may be included in the flip popup 50. The input control 51 may provide a function of inputting the target number of pages. The user can input the target page number in the input control 51, and then click a button in the input control 51 to complete the input, and the data displayed by the node component is switched to the data corresponding to the target page number. The operation of inputting the target number of pages is referred to as an input operation, and the page turning operation may include an input operation. When the electronic device receives an input operation to the input control 51, the electronic device responds to the input operation and takes data corresponding to the target page number input by the user as target group data. For example, if the target number of pages input by the user is 3, the third group of data is used as the target group of data, and the third group of data is displayed in the node component.
Through the page turning popup window, a user can directly input the number of groups where data to be checked are located, so that the currently displayed data of the node assembly is directly switched to the corresponding group, and the data to be checked by the user is quickly displayed.
In an exemplary embodiment, the input operation may also be used to input a target character string. That is, the user can input the target character string by an input operation in the input control. The target character string may include various types of characters, such as numbers, letters, words, etc., such as "12a", "111", etc., which are not particularly limited in this embodiment. When the electronic equipment receives the target character string corresponding to the input operation, the target character string can be compared with the data to be displayed, and the data to be displayed, which can be matched with the target character string, is used as the target data. If the target data matched with the target character string is distributed in a plurality of groups, any one of the plurality of groups of data can be used as the target group data, for example, the first group of the plurality of groups of data. For example, if the target character string is "H" and data matching the target character string exists in the 8 th group, the 9 th group, and the 10 th group, the 8 th group data may be used as the target group data. And after the target group data is determined, switching the currently displayed data of the node assembly into the target group data. By inputting the character strings, the search function of the navigation tree can be realized, so that the data which the user wants to check is displayed quickly, the user does not need to search one by one, and the search efficiency is improved.
In an exemplary embodiment, the flip popup window may further include a scroll wheel control. A scroll wheel control is a control that selects by scrolling. The user can select the target group data by operating the scroll wheel control. And taking the operation of the scroll wheel control by the user as scroll wheel operation, wherein the scroll wheel operation is used for selecting the target group data. The page turning operation may include a scroll wheel operation. When the mouse cursor moves to the display area of the roller control, the user can roll the mouse roller, and the electronic equipment determines the target group data according to the rolling distance of the roller operation. Each time scrolling occurs, the current data may be switched to the next or previous group. For example, if the first group is currently displayed and the scroll is made down once, the target group data is the second group. As another example, the current display is the third group, and scrolling up once results in the target data being the second group. That is, the target group data corresponding to the scroll wheel operation is the currently displayed data group number plus the scroll distance. The scroll distance is determined by the number and direction of scrolls. It will be appreciated that if the currently displayed data is the first group and the scrolling direction is upward, the electronic device may not respond to the scroll wheel operation. If the currently displayed data is the last group and the scrolling direction is downward, the electronic device may not respond to the scroll wheel operation.
The mode of selecting data through the idler wheel is simple and quick, the data displayed at present in the node assembly can be quickly switched, and the operation is simpler and more convenient for a user.
Referring to FIG. 6, the flip popup 60 may include the input control 51 and the scroll wheel control 61 described above. When the mouse cursor moves to the input control 51, the user can input the target number of pages in the input control 51, so that the data displayed on the node component is switched to the data corresponding to the target number of pages. When the mouse cursor is moved to the wheel control 61, the user may scroll the mouse wheel. The electronic equipment receives the roller operation and can switch the data displayed on the node assembly into the next group according to the roller operation. For example, if the currently displayed data on the node element is the first set, the scroll wheel operation is performed once, and the target data is the second set, and if the scroll wheel operation is performed once again, the target data is updated to the third set.
Generally, when receiving a request for loading data on an application program interface, an electronic device may load the corresponding data into a memory, and then call a TreeViewer component to create a node component according to the number of the data. And rendering the data on the node component after the node component is established, so that the function of displaying the data on the application program interface is completed. In this embodiment, after the data to be displayed is loaded, if the number of the data to be displayed exceeds the paging threshold, the data to be displayed is grouped. The created node assembly only needs to meet the quantity of one group of data, so that the time for creating the node can be greatly shortened, and the effect is improved. A group of data to be displayed is rendered on the node assembly for display, the amount of displayed data is reduced, the time for rendering the interface is shortened, and the fluency of the application program interface can be increased. And the data displayed on the node component is switched according to the operation of the user, the node does not need to be created again during switching, but the data to be switched is directly rendered on the created node, so that the number of the nodes can be reduced, the resources of an operating system are saved, the resource utilization rate is improved, and the processing efficiency is improved.
Further, an embodiment of the present invention further provides a navigation tree display apparatus, which can execute the navigation tree display method. The navigation tree display device provided by the present invention is described below, and the navigation tree display device described below and the navigation tree display method described above may be referred to in correspondence with each other.
As shown in fig. 7, the navigation tree display apparatus 70 may include a data grouping module 71, configured to group data to be displayed to obtain multiple groups of data when the number of the data to be displayed exceeds a paging threshold; a node creating module 72 for generating node components of the navigation tree, the number of the node components being the same as a set of data; a data display module 73, configured to display a set of data in the data to be displayed through the node component; a switching display module 74, configured to receive a page turning operation of a user, determine target group data corresponding to the page turning operation, and switch data displayed by the node component to the target group data.
In an embodiment of the present invention, the switching display module 74 specifically includes: the function adding module is used for generating page turning function nodes in the navigation tree; and the function application module is used for receiving a first operation on the page turning function node and taking the adjacent group data of the currently displayed data as the target group data.
In an embodiment of the present invention, the switching display module 74 specifically includes: the popup window display module is used for responding to a second operation aiming at the page turning function node and displaying a page turning popup window, and the page turning popup window can comprise an input control; the page number input module is used for receiving input operation of a user on the input control, and the input operation is used for inputting a target page number; and the page number switching module is used for responding to the input operation and taking a group of data corresponding to the target page number as target group data.
In one embodiment of the present invention, the input operation is further used for inputting a target character string; the page number switching module is further configured to: and in response to the input operation, determining target data matched with the target character string, and taking a group of data where the target data is located as target group data.
In an embodiment of the present invention, the page flip popup further includes a roller control, and the switching display module 74 specifically includes: the roller input module is used for receiving roller operation on the roller control, and the roller operation is the operation of a mouse roller by a user; and the roller switching module is used for determining target group data according to the roller operation.
In an embodiment of the present invention, the data grouping module 71 specifically includes: the page display module is used for displaying a setting page and determining the paging threshold and the number of single-page nodes based on the setting page; and the grouping determination module is used for grouping the data to be displayed according to the number of the single-page nodes to obtain multiple groups of data when the number of the data to be displayed exceeds the paging threshold.
In one embodiment of the present invention, the navigation tree display device 70 further includes: a node deleting module, configured to delete the currently displayed node component when the number of the target group data is smaller than the number of the single-page nodes, and regenerate the node components of which the number corresponds to the target group data for the navigation tree; a node update module to display the target group data in the regenerated node component.
Fig. 8 illustrates a physical structure diagram of an electronic device, and as shown in fig. 8, the electronic device may include: a processor (processor) 810, a communication Interface 820, a memory 830 and a communication bus 840, wherein the processor 810, the communication Interface 820 and the memory 830 communicate with each other via the communication bus 840. The processor 810 may invoke logic instructions in the memory 830 to perform a navigation tree display method comprising: when the quantity of the data to be displayed exceeds a paging threshold value, grouping the data to be displayed to obtain a plurality of groups of data; generating node components of a navigation tree, wherein the number of the node components is the same as that of a group of data; displaying a set of data in the data to be displayed through the node component; receiving page turning operation of a user, determining target group data corresponding to the page turning operation, and switching data displayed by the node assembly into the target group data.
In addition, the logic instructions in the memory 830 may be implemented in software functional units and stored in a computer readable storage medium when the logic instructions are sold or used as independent products. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
In another aspect, the present invention also provides a computer program product, the computer program product comprising a computer program, the computer program being storable on a non-transitory computer-readable storage medium, wherein when the computer program is executed by a processor, a computer is capable of executing the navigation tree display method provided by the above methods, the method comprising: when the quantity of the data to be displayed exceeds a paging threshold value, grouping the data to be displayed to obtain a plurality of groups of data; generating node components of a navigation tree, wherein the number of the node components is the same as that of a group of data; displaying a set of data in the data to be displayed through the node component; receiving page turning operation of a user, determining target group data corresponding to the page turning operation, and switching data displayed by the node assembly into the target group data.
In yet another aspect, the present invention also provides a non-transitory computer-readable storage medium, on which a computer program is stored, the computer program being implemented by a processor to perform the navigation tree display method provided by the above methods, the method comprising: when the quantity of the data to be displayed exceeds a paging threshold value, grouping the data to be displayed to obtain a plurality of groups of data; generating node components of a navigation tree, wherein the number of the node components is the same as that of a group of data; displaying a set of data in the data to be displayed through the node component; receiving page turning operation of a user, determining target group data corresponding to the page turning operation, and switching data displayed by the node assembly into the target group data.
The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware. With this understanding in mind, the above-described technical solutions may be embodied in the form of a software product, which can be stored in a computer-readable storage medium such as ROM/RAM, magnetic disk, optical disk, etc., and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the methods described in the embodiments or some parts of the embodiments.
Finally, it should be noted that: the above examples are only intended to illustrate the technical solution of the present invention, but not to limit it; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.
Claims (9)
1. A navigation tree display method, comprising:
when the quantity of the data to be displayed exceeds a paging threshold value, grouping the data to be displayed according to the number of single page nodes to obtain multiple groups of data;
generating node components of a navigation tree, wherein the number of the node components is the same as that of the nodes on the single page;
displaying a set of data in the data to be displayed through the node component;
receiving page turning operation of a user, determining target group data corresponding to the page turning operation, and switching data displayed by the node assembly into the target group data;
when the number of the target group data is smaller than the number of the single-page nodes, deleting the currently displayed node components, and regenerating the node components with the number corresponding to the target group data for the navigation tree;
displaying the target group data in the regenerated node component.
2. The navigation tree display method according to claim 1, wherein the receiving a page-turning operation of a user and determining target group data corresponding to the page-turning operation includes:
generating page turning function nodes in the navigation tree;
and receiving a first operation on the page turning function node, and taking the adjacent group data of the currently displayed data as target group data.
3. The method of displaying a navigation tree of claim 2, wherein after generating the page turning function node in the navigation tree, further comprising:
responding to a second operation aiming at the page turning function node, and displaying a page turning popup window, wherein the page turning popup window comprises an input control;
receiving input operation of a user on the input control, wherein the input operation is used for inputting a target page number;
and responding to the input operation, and taking a group of data corresponding to the target page number as target group data.
4. The navigation tree display method according to claim 3, wherein the input operation is further used for inputting a target character string, and the setting of a set of data corresponding to the target number of pages as target set data in response to the input operation includes:
and in response to the input operation, determining target data matched with the target character string, and taking a group of data where the target data is located as target group data.
5. The navigation tree display method of claim 3, wherein the flip window further comprises a scroll wheel control, and after displaying the flip window, further comprising:
receiving a roller operation on the roller control, wherein the roller operation is an operation of a mouse roller by a user;
and determining target group data according to the roller operation.
6. The navigation tree display method according to claim 1, further comprising:
and displaying a setting page, and determining the paging threshold and the number of single-page nodes based on the setting page.
7. A navigational tree display apparatus, comprising:
the data grouping module is used for grouping the data to be displayed according to the number of single page nodes to obtain multiple groups of data when the number of the data to be displayed exceeds a paging threshold value;
the node creating module is used for generating node components of a navigation tree, and the number of the node components is the same as that of the nodes in the single page;
the data display module is used for displaying a group of data in the data to be displayed through the node component;
the switching display module is used for receiving page turning operation of a user, determining target group data corresponding to the page turning operation and switching data displayed by the node assembly into the target group data;
a node deleting module, configured to delete the currently displayed node component when the number of the target group data is smaller than the number of the single-page nodes, and regenerate the node components of which the number corresponds to the target group data for the navigation tree;
a node update module to display the target group data in the regenerated node component.
8. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the navigational tree display method of any of claims 1 to 6 when executing the program.
9. A non-transitory computer readable storage medium having stored thereon a computer program, wherein the computer program, when executed by a processor, implements the navigation tree display method according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210733110.3A CN114791984B (en) | 2022-06-27 | 2022-06-27 | Navigation tree display method, navigation tree display device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210733110.3A CN114791984B (en) | 2022-06-27 | 2022-06-27 | Navigation tree display method, navigation tree display device and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114791984A CN114791984A (en) | 2022-07-26 |
| CN114791984B true CN114791984B (en) | 2022-10-14 |
Family
ID=82462901
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210733110.3A Active CN114791984B (en) | 2022-06-27 | 2022-06-27 | Navigation tree display method, navigation tree display device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114791984B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101159616A (en) * | 2007-10-31 | 2008-04-09 | 中兴通讯股份有限公司 | Equipment tree-shaped paging display method and apparatus |
| CN101853293A (en) * | 2010-05-26 | 2010-10-06 | 卓望数码技术（深圳）有限公司 | Adaptive paging method and device |
| US8887099B1 (en) * | 2005-01-27 | 2014-11-11 | Oracle America, Inc. | Managing data hierarchically in a user interface |
| CN108446154A (en) * | 2018-02-24 | 2018-08-24 | 北京天元创新科技有限公司 | A kind of page turning tool bar generation method, application process and the system of JSP page |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108829311A (en) * | 2017-04-27 | 2018-11-16 | 北京京东尚科信息技术有限公司 | A kind of method and apparatus based on Widget display data |
| CN113986439A (en) * | 2021-11-01 | 2022-01-28 | 挂号网（杭州）科技有限公司 | Data display method and device |
-
2022
- 2022-06-27 CN CN202210733110.3A patent/CN114791984B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8887099B1 (en) * | 2005-01-27 | 2014-11-11 | Oracle America, Inc. | Managing data hierarchically in a user interface |
| CN101159616A (en) * | 2007-10-31 | 2008-04-09 | 中兴通讯股份有限公司 | Equipment tree-shaped paging display method and apparatus |
| CN101853293A (en) * | 2010-05-26 | 2010-10-06 | 卓望数码技术（深圳）有限公司 | Adaptive paging method and device |
| CN108446154A (en) * | 2018-02-24 | 2018-08-24 | 北京天元创新科技有限公司 | A kind of page turning tool bar generation method, application process and the system of JSP page |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114791984A (en) | 2022-07-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110795195B (en) | Webpage rendering method and device, electronic equipment and storage medium | |
| US7017118B1 (en) | Method and apparatus for reordering data items | |
| US11126648B2 (en) | Automatically launched software add-ins for proactively analyzing content of documents and soliciting user input | |
| JPH08137646A (en) | Method and system for displaying dialogue box | |
| US9418178B2 (en) | Controlling a size of hierarchical visualizations through contextual search and partial rendering | |
| CN112068936A (en) | Workflow management platform and workflow management system | |
| CN112099790A (en) | Method, device and equipment for determining page theme and storage medium | |
| US7603624B2 (en) | System and method for styling content in a graphical user interface control | |
| CN108197024B (en) | Embedded browser debugging method, debugging terminal and computer readable storage medium | |
| US7447993B2 (en) | System and method for displaying a user interface object using an associated style | |
| KR102387110B1 (en) | Service gallery user interface presentation | |
| CN114115923A (en) | Operating system building method and system | |
| CN114035865B (en) | Method, device and equipment for starting small program and storage medium | |
| CN106991110B (en) | Webpage switching method and device | |
| CN114791984B (en) | Navigation tree display method, navigation tree display device and electronic equipment | |
| CN110968991A (en) | Method and related device for editing characters | |
| CN112578961B (en) | Application identifier display method and device | |
| CN112861504A (en) | Text interaction method, device, equipment, storage medium and program product | |
| CN114217877B (en) | Operation processing method, device, equipment and medium based on page interaction component | |
| KR102560619B1 (en) | Electronic device providing no-code tool service and method thereof | |
| CN113342413B (en) | Method, apparatus, device, medium, and article for processing components | |
| US12039160B2 (en) | Drag and drop interactions for an object tracking software application | |
| CN114327464B (en) | Component construction method and device and storage medium | |
| CN111090824B (en) | Content processing method and device | |
| KR102644170B1 (en) | Method for assisting select of screen components and collect of coordinate information |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |