CN114791984A - 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
- CN114791984A CN114791984A CN202210733110.3A CN202210733110A CN114791984A CN 114791984 A CN114791984 A CN 114791984A CN 202210733110 A CN202210733110 A CN 202210733110A CN 114791984 A CN114791984 A CN 114791984A
- Authority
- CN
- China
- Prior art keywords
- data
- displayed
- node
- 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.)
- Granted
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
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; 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. 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, a large amount of time is required to create a corresponding number of node components, and thread blocking is easily caused, so that an interface is jammed and cannot respond 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 realizing 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;
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, wherein the page turning popup window 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 taking a group of data corresponding to the target page number as target group data in response to the input operation.
According to an embodiment of the present invention, the input operation is further configured to input a target character string, and the taking a set of data corresponding to the target page number 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.
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 of which the number is 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 assembly;
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 illustrating a display effect of a 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 a 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 by 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 flowcharts shown in the figures are illustrative only 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 this 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 objects.
The following describes a technical solution of the navigation tree display method of 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, which is not limited in this embodiment.
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 labels (Label), buttons (Button), Text boxes (Text), drop-down boxes (Combo), panels (Composite), sketchboards (Canvas), tables (Table), trees (Tree), and the like. JFace is a UI component packaged with SWT, and is a group of bottom 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 to simplify 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 navigation 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 navigation tree, the electronic device may execute a navigation 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 unsmooth display caused by excessive data to be displayed, the user can 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 may also include other values, such as 15, 35, etc.; 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 form a 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 call an interface of the TreeViewer component to create a node component. The number of node components created is the same as the 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 with the node components displayed may be referred to as a first interface. Each node component may display a piece of data to be displayed. Illustratively, 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. All the 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 for 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 used for displaying a control with 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, or the like.
When receiving an operation for the page flip function node, that is, a first operation, the electronic device may take neighboring 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 used as target group 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 target group 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 previous group of the first group of data is taken as target group data, and since the previous group 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.
The displayed data can be switched rapidly through the first and last page turning function nodes, so that the data displayed on the node assembly can be switched among various groups of data to be displayed, and the display of various 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 a first operation on a first node (i.e., the "previous page") if the data currently displayed on the node assembly is the first group 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, when the data to be displayed is 95 tables and the number of nodes in a single page is 30, every 30 tables of the data to be displayed are divided into one group, and the last group only has 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 with the number corresponding to the target group data 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, 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 the target number of pages is 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-flop 50. The input control 51 may provide a function of inputting a target number of pages. The user can input the target number of pages 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 number of pages. 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 number of target pages input by the user is 3, the third group of data is regarded as the target group data, and the third group of data is displayed in the node component.
Through the page turning popup window, the user can directly input the group number of the data to be checked, so that the data currently displayed by the node assembly is directly switched to the corresponding group, and the data to be checked by the user is rapidly displayed.
In an exemplary embodiment, the input operation described above 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 "12 a", "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 sets, any one of the plurality of sets of data may be set as the target set data, for example, a first set of the plurality of sets of data. For example, if the target character string is "H" and data matching the target character string exists in group 8, group 9, and group 10, the group 8 data may be set 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, a scroll wheel control may be further included in the flip window. 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 third group is currently displayed, 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 of scrolls and the direction. 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 created, so as to complete the function of displaying the data on the application program interface. 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 required 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 displayed data volume is reduced, the interface rendering time is shortened, and the fluency of an 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 the 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 that of a group 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 and displaying 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 into 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 pop-up window 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 set page and determining the paging threshold value and the number of single-page nodes based on the set 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: the node deleting module is used for deleting the currently displayed node components when the number of the target group data is smaller than the number of the single-page nodes, and regenerating the node components with the number corresponding 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. Processor 810 may invoke logic instructions in 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 can be implemented in the form of software functional units and stored in a computer readable storage medium when the software functional units are sold or used as independent products. Based on such understanding, the technical solution of the present invention or a part thereof which substantially contributes to the prior art may be embodied in the form of a software product, which is stored in a storage medium and includes several 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 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, the 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; 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.
In still 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 including: 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 position, or may be distributed on multiple 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 may be implemented by software plus a necessary general hardware platform, and may also be implemented by hardware. Based on the understanding, the above technical solutions substantially or otherwise contributing to the prior art may be embodied in the form of a software product, which may be stored in a computer-readable storage medium, such as ROM/RAM, magnetic disk, optical disk, etc., and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the various 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 (10)
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 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.
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 an 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 configured to input a target character string, and the setting a set of data corresponding to the target page count 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, wherein when the number of the data to be displayed exceeds a paging threshold, grouping the data to be displayed to obtain a plurality of groups of data, comprises:
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.
7. The navigation tree display method according to claim 6, wherein after grouping the data to be displayed according to the number of the single page nodes, the method further comprises:
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 of which the number is corresponding to the target group data for the navigation tree;
displaying the target group data in the regenerated node component.
8. A navigational 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 assembly;
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.
9. 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 7 when executing the program.
10. A non-transitory computer-readable storage medium on which a computer program is stored, wherein the computer program, when executed by a processor, implements the navigation tree display method according to any one of claims 1 to 7.
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 true CN114791984A (en) | 2022-07-26 |
| CN114791984B 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 (6)
| 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 |
| 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 (6)
| 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 |
| CN108829311A (en) * | 2017-04-27 | 2018-11-16 | 北京京东尚科信息技术有限公司 | A kind of method and apparatus based on Widget display data |
| 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 |
| CN113986439A (en) * | 2021-11-01 | 2022-01-28 | 挂号网（杭州）科技有限公司 | Data display method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114791984B (en) | 2022-10-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US7017118B1 (en) | Method and apparatus for reordering data items | |
| US9003312B1 (en) | Method and apparatus for updating a web-based user interface | |
| US8810576B2 (en) | Manipulation and management of links and nodes in large graphs | |
| JP4381708B2 (en) | Graphical user interface system | |
| US7770121B2 (en) | Host controlled user interface | |
| US8166414B2 (en) | Tab order mapping of user interfaces | |
| US11126648B2 (en) | Automatically launched software add-ins for proactively analyzing content of documents and soliciting user input | |
| US9418178B2 (en) | Controlling a size of hierarchical visualizations through contextual search and partial rendering | |
| US20180129482A1 (en) | Generation of application behaviors | |
| CN112068936A (en) | Workflow management platform and workflow management system | |
| CN112099790A (en) | Method, device and equipment for determining page theme and storage medium | |
| US20150067640A1 (en) | Input suggestions for free-form text entry | |
| US7603624B2 (en) | System and method for styling content in a graphical user interface control | |
| WO2014025467A1 (en) | Browser-level background page for providing multiple views | |
| KR102387110B1 (en) | Service gallery user interface presentation | |
| CN112163143B (en) | Page switching method, device, equipment and storage medium | |
| CN114791984B (en) | Navigation tree display method, navigation tree display device and electronic equipment | |
| US20170364480A1 (en) | Deconstructing and rendering of web page into native application experience | |
| CN112578961B (en) | Application identifier display method and device | |
| US11269478B2 (en) | Adapted overlay help system | |
| US8413062B1 (en) | Method and system for accessing interface design elements via a wireframe mock-up | |
| CN114416232A (en) | Method, device, equipment and storage medium for remote application to use local input method | |
| CN115390720A (en) | Robotic Process Automation (RPA) including automatic document scrolling | |
| CN110968991A (en) | Method and related device for editing characters | |
| CN113342413B (en) | Method, apparatus, device, medium, and article for processing components |
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 |