Data display method and device, electronic equipment and storage medium

Abstract

Embodiments of the invention disclose a data display method and apparatus, an electronic device and a storage medium. The method comprises the steps of receiving a first viewing operation of a first entry control in a current display component; according to the first viewing operation, displaying the first entry control and other entry controls except the first entry control in the current display component in a distinguished manner; obtaining sub-data contained in first data in the first entry control; creating a new display component; wherein the new display component is located on the upper layer of the current display component, and at least part of a first entry control in the current display component is not shielded by the new display component; and loading the sub-data contained in the first data to the entry control of the new display component for display. And the data structure of the multi-level data can be clearly displayed.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the field of computer technology, and in particular, to a data display method, device, electronic device, and storage medium. Background Art

[0002] At present, multi-level data is usually displayed in the form of a tree structure list. When the amount of multi-level data is large, the tree structure list will be split into different pages for display, which will seriously affect the user's understanding of the data structure. Summary of the invention

[0003] The embodiments of the present disclosure provide a data display method, device, electronic device and storage medium, which can clearly display the data structure of multi-level data.

[0004] In a first aspect, an embodiment of the present disclosure provides a data display method, including:

[0005] Receive a first viewing operation of a first item control in the current display component;

[0006] According to the first viewing operation, the first item control is displayed separately from other item controls in the current display component except the first item control;

[0007] Obtaining sub-data contained in the first data in the first item control;

[0008] Creating a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component;

[0009] The sub-data included in the first data is loaded into the item control of the new display component for display.

[0010] In a second aspect, the present disclosure also provides a data display device, including:

[0011] A receiving module, used for receiving a first viewing operation of a first item control in the current display component;

[0012] A display module, configured to display the first item control distinguishably from other item controls in the current display component except the first item control according to the first viewing operation;

[0013] A data acquisition module, used for acquiring sub-data contained in the first data in the first item control;

[0014] A creation module, used for creating a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component;

[0015] The display module is used to load the sub-data contained in the first data into the item control of the new display component for display.

[0016] In a third aspect, an embodiment of the present disclosure further provides an electronic device, the electronic device comprising:

[0017] one or more processors;

[0018] a storage device for storing one or more programs,

[0019] When the one or more programs are executed by the one or more processors, the one or more processors implement the data display method as described in any one of the embodiments of the present disclosure.

[0020] In a fourth aspect, an embodiment of the present disclosure further provides a storage medium comprising computer executable instructions, wherein the computer executable instructions, when executed by a computer processor, are used to execute a data display method as described in any one of the embodiments of the present disclosure.

[0021] The technical solution of the disclosed embodiment is to receive a first viewing operation of the first entry control in the current display component; according to the first viewing operation, display the first entry control differently from other entry controls in the current display component except the first entry control; obtain the sub-data contained in the first data in the first entry control; create a new display component; wherein the new display component is located in the upper layer of the current display component, and at least part of the first entry control in the current display component is not blocked by the new display component; load the sub-data contained in the first data into the entry control of the new display component for display. By displaying multi-level data by superimposing a new display component on the upper layer and retaining part of the information of the viewed entry in the old display component, the data structure of the multi-level data can be clearly displayed, improving the user viewing experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0023] Figure 1 A flowchart of a data display method provided by an embodiment of the present disclosure;

[0024] Figure 2 A schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure;

[0025] Figure 3 A schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure;

[0026] Figure 4 A schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure;

[0027] Figure 5 A schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure;

[0028] Figure 6 A schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure;

[0029] Figure 7 A schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure;

[0030] Figure 8 A schematic diagram of the structure of a data display device provided by an embodiment of the present disclosure;

[0031] Fig. 9 A schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0032] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0033] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0034] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0035] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0036] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0037] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0038] Figure 1 A flowchart of a data display method provided by an embodiment of the present disclosure is provided. The present disclosure embodiment is applicable to the case of displaying multi-level data, and is particularly applicable to the case of displaying multi-level data with a large amount of data. The method can be executed by a data display device, which can be implemented in the form of software and / or hardware, and the device can be configured in an electronic device, such as a computer.

[0039] like Figure 1 As shown, the data display method provided in this embodiment may include:

[0040] S110: Receive a first viewing operation of a first item control in the current display component.

[0041] In the embodiments of the present disclosure, the display component is a component that can be rendered on a page, and a variety of controls (such as entry controls, button controls, etc.) can be deployed therein. Among them, the display component can be reused, that is, when the display content in the display component is replaced, there is no need to create a new page, which is conducive to the rapid switching of the content in the display component. In some implementations, the display component may include a floating layer component, for example. Among them, the creation position of the floating layer component in the page is highly flexible, and a variety of controls can be deployed, which can be well applied to the multi-level data display in the embodiments of the present disclosure.

[0042] The current display component can be considered as the topmost display component in the display components in the page. The current display component can include at least one item control, and each item control can load a piece of data.

[0043] Each entry control may be associated with a data operation control; wherein the data operation control may be understood as a control for operating the data loaded in the entry control. For example, an associated data operation control may be deployed at the end of the entry control, or the entry control may display at least one data operation control in response to a mouse hover operation. The data operation control may include but is not limited to a data viewing control; accordingly, in response to the triggering of the viewing control, a viewing operation may be received. In addition, the viewing operation may also be received directly in response to the triggering of the entry control, which is not specifically limited here.

[0044] The viewing operation received in the current display component may be referred to as a first viewing operation, and the item control corresponding to the first viewing operation may be referred to as a first item control. Figure 2 This is a schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure. Figure 2 , a display component is rendered in the page, and the display component is located at the top layer. The display component can be used as the current display component. There are three item controls in the current display component. When the item control with the order of 2 is triggered, a viewing operation of the data in the item control with the order of 2 can be received. The viewing operation can be called the first viewing operation, and the item control corresponding to the first viewing operation (i.e., the item control with the order of 2) can be called the first item control.

[0045] In response to the first viewing operation, steps S120 to S150 below may be executed to view the sub-data of the first data loaded in the first item control.

[0046] S120: According to the first viewing operation, the first item control is displayed distinguishably from other item controls except the first item control in the current display component.

[0047] In order to highlight the first data to be viewed currently, the item control carrying the first data (ie, the first item control) can be displayed separately from other item controls in the current display component. Figure 2 , the first data in the first item control can be displayed in a first color, and the data in other item controls can be displayed in a second color, wherein the first color and the second color are different. In addition, the color filled in the first item control can also be distinguished from the color filled in other item controls, etc., which are not exhaustive here.

[0048] S130: Obtain sub-data contained in the first data in the first item control.

[0049] In the embodiment of the present disclosure, the sub-data included in the first data in the first item control can be obtained from a backend (eg, a server) that supports the display of interface data, wherein the sub-data can be considered as data of a lower level than the first data.

[0050] S140: Create a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component.

[0051] A new display component can be created by using the existing component creation method. The new display component can be set as the top layer, that is, the new display component is located on the upper layer of the current display component. If the width of the current display component is small, the new display component may not overlap with the current display component; if the width of the current display component is large, the new display component may overlap on the upper layer of the current display component.

[0052] When the new display component is superimposed on the current display component, the size of the new display component needs to be set so that at least part of the first item control in the current display component is not blocked by the new display component, so that the level of the first data can be retained to clearly display the data level structure of the sub-data.

[0053] See again Figure 2 The current display component and the new display component can be displayed in a tiled manner. The new display component can be the same height as the current display component and its width can be indented to the right by a certain size, so that the information of the level where the first data is located can be retained to clearly display the hierarchical structure of the sub-data of the first data.

[0054] S150: Load the sub-data included in the first data into the item control of the new display component for display.

[0055] After creating a new display component, item controls that are consistent with the number of sub-data can be created inside it, and the sub-data can be loaded into each item control of the new display component through an existing loading method to realize viewing of the sub-data of the first data.

[0056] In traditional solutions, multi-level data is usually displayed in the form of a tree structure list. The tree structure list only supports page turning. In most cases, the asset size is very large. In this case, page turning will split a complete tree structure into different pages, which affects the user's understanding and comparison of the data asset structure.

[0057] In the disclosed embodiment, since the current display component is the topmost display component on the page, the new display component is created and located on the top of the current display component, and the new display component becomes the topmost display component, that is, the new display component becomes the current display component. On the current display component, data viewing operations can be further performed, so that data of different levels can be displayed on the page by superimposing new display components, which can improve the flexibility of the viewing perspective of data assets and can display the full picture of data assets.

[0058] The technical solution of the embodiment of the present disclosure receives a first viewing operation of the first item control in the current display component; according to the first viewing operation, the first item control is displayed in a distinguishable manner from other item controls except the first item control in the current display component; the sub-data contained in the first data in the first item control is obtained; a new display component is created; wherein the new display component is located in the upper layer of the current display component, and at least part of the first item control in the current display component is not blocked by the new display component; the sub-data contained in the first data is loaded into the item control of the new display component for display. By displaying multi-level data by superimposing a new display component on the upper layer and retaining part of the information of the item being viewed in the old display component, the data structure of the multi-level data can be clearly displayed, improving the user viewing experience.

[0059] The embodiments of the present disclosure can be combined with the various optional solutions in the data display method provided in the above embodiments. The data display method provided in this embodiment describes the switching of data in the display component in detail, and can flexibly switch to view data.

[0060] For example, Figure 3 This is a schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure. Figure 3 As shown, the data display method provided in this embodiment may include:

[0061] Receive a second viewing operation of a second item control in a target display component; wherein the target display component is located in a lower layer of the current display component; according to the second viewing operation, display the second item control in a different manner from other item controls in the target display component except the second item control; obtain sub-data contained in the second data in the second item control; load the sub-data contained in the second data into an item control of a display component in an upper layer of the target display component for display.

[0062] In the embodiment of the present disclosure, the target display component is located in the lower layer of the current display component, that is, the data in the target display component is the upper layer data of the data in the current display component. Among them, the second item control in the target display component can be different from the item control where the data being viewed in the target display component is located. That is, through the second viewing operation, it is expected to view the sub-data of the data in the target display component that is different from the data currently being viewed.

[0063] See also Figure 3 , there are two display components under the current display component, and any of these two display components can be used as the target display component. For example Figure 3, the next layer display component of the current display component is used as the target display component. The data in the item control ranked 1 in the target display component is being viewed, that is, the data displayed by the current display component is the sub-data of the data in the item control ranked 1 in the target display component. At this time, when the target display component receives the viewing operation of the item control ranked 3, the viewing operation can be called the second viewing operation, the item control ranked 3 can be called the second item control, and the data in the item control ranked 3 can be called the second data.

[0064] When the data being viewed in the target display component is switched to the data of the second item control, the second item control can be displayed separately from other item controls to prompt that the data being viewed in the target display component has been switched. The method of displaying the second item control separately, the process of obtaining the sub-data contained in the second data in the second item control, and the process of loading the sub-data contained in the second data into the item control of the upper layer can be found above and will not be described in detail here. Thus, by switching the upper layer data, the data content in the related display components can be switched quickly and flexibly.

[0065] See again Figure 3 When the data being viewed in the target display component is switched from the data of the item control ranked 1 to the data of the item control ranked 3, the item control ranked 3 can be displayed separately from other item controls (including the item control ranked 1). The sub-data contained in the data of the item control ranked 3 is obtained, and the sub-data is loaded into the current display component to quickly and flexibly switch the data in the current display component.

[0066] For example, Figure 4 This is a schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure. Figure 4 In some optional implementations, when a display component is included above a display component on a layer above the target display component, the display component on the layer above the display component on the target display component may be closed.

[0067] See also Figure 4, there are two display components in the lower layer of the current display component, and the lower two-layer display components of the current display component are used as the target display components. The data in the item control ranked 1 in the target display component is being viewed. At this time, when the target display component receives the viewing operation of the item control ranked 3, the viewing operation can be referred to as the second viewing operation, the item control ranked 3 can be referred to as the second item control, and the data in the item control ranked 3 can be referred to as the second data. The item control ranked 3 can be displayed differently from other item controls (including the item control ranked 1). Obtain the sub-data contained in the data in the item control ranked 3, and load the sub-data into the next-layer display component of the current display component to switch the data in the next-layer display component of the current display component. Since the viewing operation of the switched data in the next-layer display component of the current display component is not received, the data to be displayed in the current display component is uncertain, so the current display component can be closed.

[0068] In these optional implementations, when there are display components above the display components on the upper layer of the target display component, since the display components on the upper layer have switched the data but have not yet received the viewing operation of the switched data, the data to be displayed in the display components on the upper two layers and above are uncertain. Therefore, all the display components on the upper two layers and above of the target display component can be closed to achieve flexible interaction between the display components.

[0069] The technical solution of the embodiment of the present disclosure describes in detail the switching of data in the display component, and can flexibly switch to view data. The data display method provided by the embodiment of the present disclosure and the data display method provided by the above embodiment belong to the same public concept, and the technical details not described in detail in this embodiment can be referred to the above embodiment, and the same technical features have the same beneficial effects in this embodiment and the above embodiment.

[0070] The embodiments of the present disclosure can be combined with the various optional solutions in the data display method provided in the above embodiments. The data display method provided in this embodiment describes in detail the fast return to the required layer display component, which can be quickly switched back to the required layer display component.

[0071] Figure 5 This is a schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure. Figure 5 As shown, the data display method provided in this embodiment may include:

[0072] A closing operation of a target display component is received; wherein the target display component is located at a lower layer of the current display component; according to the closing operation, the target display component and the display components at an upper layer of the target display component are closed.

[0073] In the embodiment of the present disclosure, the target display component is located in the lower layer of the current display component, and can be any one of the display components in the lower layer of the current display component. Figure 5 In the example, the display component of the next layer of the current display component is used as the target display component. A component closing control may be deployed in the target display component, and a closing operation may be received when the component closing control is triggered. In response to the closing operation of the target display component, not only the target display component may be closed, but also all display components on the upper layer of the target display component may be closed, and the display component of the next layer of the target display component becomes the current display component. Thus, multiple display components can be closed in one operation, and the display components of the desired layer (i.e., the display components of the next layer of the target display component) can be quickly switched back, thereby improving the interactive flexibility of the display components.

[0074] The technical solution of the embodiment of the present disclosure describes in detail the quick return to the desired layer display component, which can be quickly switched back to the desired layer display component. The data display method provided by the embodiment of the present disclosure and the data display method provided by the above embodiment belong to the same public concept, and the technical details not fully described in this embodiment can be referred to the above embodiment, and the same technical features have the same beneficial effects in this embodiment and the above embodiment.

[0075] The embodiments of the present disclosure can be combined with the various optional solutions in the data display method provided in the above embodiments. The data display method provided in this embodiment describes the stretching of the display component in detail, which can improve the user's viewing experience.

[0076] Figure 6 This is a schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure. Figure 6 As shown, the data display method provided in this embodiment may include:

[0077] In response to the stretching operation of the current display component, the current display component is stretched to cover the display component of the lower layer.

[0078] See also Figure 6 , a component stretching control may be deployed in the current display component, and a stretching operation may be received when the component stretching control is triggered. In response to the stretching operation, the current display component may be stretched to achieve a "full screen" effect of covering all the display components in the lower layer, thereby improving the user's viewing experience. Under this effect, the first data may be viewed.

[0079] In some implementations, any one of all the display components in the page can be stretched so that the stretched display component covers all the display components below it, and the upper display components of the stretched display component can be retained, thereby displaying some data structures that the user is concerned about, further improving the user viewing experience.

[0080] In addition, see again Figure 6 , the original stretched control in the stretched display component can be switched to a restored control. And in response to the triggering of the restored control, the stretched display component can be restored to the state before the stretching.

[0081] The technical solution of the disclosed embodiment describes in detail the stretching of the display component, which can improve the user's viewing experience. The data display method provided by the disclosed embodiment and the data display method provided by the above embodiment belong to the same disclosed concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and the same technical features have the same beneficial effects in this embodiment and the above embodiment.

[0082] The various optional solutions in the data display method provided in the embodiment of the present disclosure and the above embodiment can be combined. The data display method provided in this embodiment describes in detail the switching data viewing mode, and can display the data structure of any data in the current display component in a tree structure, realizing multi-dimensional viewing of the data structure and enriching the data viewing mode.

[0083] Figure 7 This is a schematic diagram of an interface in a data display method provided by an embodiment of the present disclosure. Figure 7 As shown, the data display method provided in this embodiment may include:

[0084] Receive a tree structure display operation of the first item control in the current display component; determine the third data in the item control to be displayed differently in each display component below the current display component according to the tree structure display operation; create a top-level display component; wherein the top-level display component is located at the top level and covers the display components of the lower levels; load the first data and each third data in the first item control into the tree display control in the top-level display component according to the inclusion relationship for display.

[0085] The data operation control associated with each item control may also include a tree structure display control. Accordingly, in response to the triggering of the tree structure display control, a tree structure display operation may be received. At this time, the item corresponding to the tree structure display operation may also be referred to as the first item control.

[0086] In response to the tree structure display operation, the third data for distinguishing display items can be determined from the data of the display components under the current display component, so that the upper-level node data of the data in the current display component can be determined.

[0087] Among them, the top-level display component can be created through the existing component creation method, and the top-level display component can be located at the top level of the display component, and can cover all the display components in the lower layer to achieve a "full screen" effect. After creating the top-level display component, a tree display control can be created in the top-level display component. Among them, the tree display control can include at least one control that can load data, and at least one control can form a tree structure. Among them, the first data loaded in the first entry control and each upper node data (i.e., the third data) can be loaded into each node position of the tree structure control according to the inclusion relationship.

[0088] For example, see Figure 7 , the item control ranked 1 in the current display component receives the tree structure display operation. The item control ranked 1 in the display component of the next layer of the current display component and the item control ranked 1 in the display control of the next two layers are item controls for distinguished display, and the data in the two item controls can be determined as the third data.

[0089] Figure 7 In the example, the third data corresponding to the lower two layers of display controls can be considered as the data of the root node in the tree structure, which contains the third data corresponding to the lower layer of display controls, so the third data corresponding to the lower layer of display controls can be used as the first layer of child node data of the root node. Among them, the third data corresponding to the lower layer of display controls contains the first data, so the first data can be used as the second layer of child node data of the root node. Furthermore, each third data and the first data can be loaded into the tree structure control according to the corresponding root node and different layers of child nodes.

[0090] In addition, a close control can be deployed in the top-level display component to receive a close operation of the top-level display component; then, in response to the close operation, the top-level display component can be closed, and the display components of each layer covered by the top-level display component can be displayed, thereby restoring the original tiled display mode of the data results.

[0091] In traditional solutions, the tree structure list and the tile view are separated. Users cannot get the full picture of a fine-grained data asset from any perspective. Usually, they need to query the same data asset twice from different perspectives to compare and view the complete asset structure. At the same time, the tree list view includes all data assets, and users can easily get lost in the hierarchy when turning pages. The page calculation amount is also very large, affecting page performance.

[0092] In the disclosed embodiment, the data viewing mode can be switched from multiple display components to a tree structure display within a display component, supporting multi-dimensional viewing of data structures and enriching the data viewing mode. In addition, by filtering the unviewed data in the upper-level data of the first data and only obtaining the viewed data in the upper-level data (i.e., the third data), invalid nodes can be hidden during the tree structure display process, which can reduce the amount of calculation in the component.

[0093] The technical solution of the embodiment of the present disclosure describes in detail the switching data viewing mode, and can display the data structure of any data in the current display component in a tree structure, realizing multi-dimensional viewing of the data structure and enriching the data viewing mode. The data display method provided by the embodiment of the present disclosure and the data display method provided by the above embodiment belong to the same public concept, and the technical details not described in detail in this embodiment can be referred to the above embodiment, and the same technical features have the same beneficial effects in this embodiment and the above embodiment.

[0094] Figure 8 The data display device provided in this embodiment is suitable for displaying multi-level data, especially for displaying multi-level data with a large amount of data.

[0095] As shown in Figure 8, the data display device provided by the embodiment of the present disclosure may include:

[0096] A receiving module 810 is used to receive a first viewing operation of a first item control in a current display component;

[0097] A display module 820, configured to display the first item control in a differentiated manner from other item controls except the first item control in the current display component according to the first viewing operation;

[0098] The data acquisition module 830 is used to acquire the sub-data contained in the first data in the first item control;

[0099] A creation module 840 is used to create a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component;

[0100] The display module 850 is used to load the sub-data included in the first data into the item control of the new display component for display.

[0101] In some optional implementations, the receiving module may also be used to receive a second viewing operation of a second item control in a target display component; wherein the target display component is located in a lower layer of the current display component;

[0102] Correspondingly, the display module may be used to display the second item control in a differentiated manner from other item controls except the second item control in the target display component according to the second viewing operation;

[0103] A data acquisition module, which can be used to acquire sub-data contained in the second data in the second item control;

[0104] The display module can be used to load the sub-data included in the second data into the item control of the display component on the previous layer of the target display component for display.

[0105] In some optional implementations, the data display device may further include:

[0106] The closing module can be used to close the display component above the display component in the upper layer of the target display component when there is another display component above the display component in the upper layer of the target display component.

[0107] In some optional implementations, the shutdown module can also be used to:

[0108] Receive a closing operation of a target display component; wherein the target display component is located at a lower layer of the current display component;

[0109] According to the closing operation, the target display component and the display components above the target display component are closed.

[0110] In some optional implementations, the data display device may further include:

[0111] The stretching module can be used to respond to the stretching operation of the current display component and stretch the current display component to cover the display component of the lower layer.

[0112] In some optional implementations, the receiving module may also be used to receive a tree structure display operation of the first item control in the current display component;

[0113] Correspondingly, the data acquisition module can also be used to determine the third data in the item controls for distinguishing and displaying in the display components under the current display component according to the tree structure display operation;

[0114] The creation module can be used to create a top-level display component. The top-level display component is located at the top level and covers the display components at the lower level.

[0115] The display module can be used to load the first data and each third data in the first item control into the tree display control in the top-level display component according to the inclusion relationship for display.

[0116] In some optional implementations, the presentation component includes a floating component.

[0117] The data display device provided in the embodiments of the present disclosure can execute the data display method provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0118] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

[0119] Reference below Fig. 9 , which shows an electronic device (eg, Fig. 9 The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Fig. 9 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0120] like Fig. 9 As shown, the electronic device 900 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 901, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 902 or a program loaded from a storage device 908 to a random access memory (RAM) 903. In the RAM 903, various programs and data required for the operation of the electronic device 900 are also stored. The processing device 901, the ROM 902, and the RAM 903 are connected to each other via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904.

[0121] Typically, the following devices may be connected to the I / O interface 905: an input device 906 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 907 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 909. The communication device 909 may allow the electronic device 900 to communicate with other devices wirelessly or by wire to exchange data. Although Fig. 9The electronic device 900 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0122] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 909, or installed from the storage device 908, or installed from the ROM 902. When the computer program is executed by the processing device 901, the above-mentioned functions defined in the data display method of the embodiment of the present disclosure are executed.

[0123] The electronic device provided by the embodiment of the present disclosure and the data display method provided by the above embodiment belong to the same public concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0124] An embodiment of the present disclosure provides a computer storage medium on which a computer program is stored. When the program is executed by a processor, the data display method provided in the above embodiment is implemented.

[0125] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM) or a flash memory (FLASH), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program, which may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Computer readable signal media may also be any computer readable medium other than computer readable storage media, which may send, propagate, or transmit programs for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0126] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (Hyper Text Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0127] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0128] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:

[0129] Receive a first viewing operation of a first item control in a current display component; display the first item control differently from other item controls except the first item control in the current display component according to the first viewing operation; obtain sub-data contained in the first data in the first item control; create a new display component; wherein the new display component is located in an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component; load the sub-data contained in the first data into the item control of the new display component for display.

[0130] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0131] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0132] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the names of the units and modules do not, in some cases, limit the units and modules themselves.

[0133] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: Field Programmable Gate Array (FPGA), Application Specific Integrated Circuit (ASIC), Application Specific Standard Parts (ASSP), System on Chip (SOC), Complex Programmable Logic Device (CPLD), etc.

[0134] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0135] According to one or more embodiments of the present disclosure, a data presentation method is provided, the method comprising:

[0136] Receive a first viewing operation of a first item control in the current display component;

[0137] According to the first viewing operation, the first item control is displayed separately from other item controls in the current display component except the first item control;

[0138] Obtaining sub-data contained in the first data in the first item control;

[0139] Creating a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component;

[0140] The sub-data included in the first data is loaded into the item control of the new display component for display.

[0141] According to one or more embodiments of the present disclosure, a data presentation method is provided, further comprising:

[0142] In some optional implementations, a second viewing operation of a second item control in a target display component is received; wherein the target display component is located in a lower layer of the current display component;

[0143] According to the second viewing operation, the second item control is displayed separately from other item controls in the target display component except the second item control;

[0144] Obtaining sub-data contained in the second data in the second item control;

[0145] The sub-data included in the second data is loaded into the item control of the upper layer display component of the target display component for display.

[0146] According to one or more embodiments of the present disclosure, a data presentation method is provided, further comprising:

[0147] In some optional implementations, when there is a display component above the display component in the upper layer of the target display component, the display component above the display component in the upper layer of the target display component is closed.

[0148] According to one or more embodiments of the present disclosure, a data presentation method is provided, further comprising:

[0149] In some optional implementations, a closing operation of a target display component is received; wherein the target display component is located at a lower layer of the current display component;

[0150] According to the closing operation, the target display component and the display components above the target display component are closed.

[0151] According to one or more embodiments of the present disclosure, a data presentation method is provided, further comprising:

[0152] In some optional implementations, in response to a stretching operation of the current display component, the current display component is stretched to cover the display component in the lower layer.

[0153] According to one or more embodiments of the present disclosure, a data presentation method is provided, further comprising:

[0154] In some optional implementations, a tree structure display operation of a first item control in the current display component is received;

[0155] According to the tree structure display operation, determine the third data in the item controls to be displayed differently in each display component under the current display component;

[0156] Creating a top-level display component; wherein the top-level display component is located at the top level and covers the display components at the lower level;

[0157] The first data in the first item control and each of the third data are loaded into the tree display control in the top-level display component according to the inclusion relationship for display.

[0158] According to one or more embodiments of the present disclosure, a data presentation method is provided, further comprising:

[0159] In some optional implementations, the display component includes a floating layer component.

[0160] According to one or more embodiments of the present disclosure, a data presentation device is provided, the device comprising:

[0161] A receiving module, used for receiving a first viewing operation of a first item control in the current display component;

[0162] A display module, configured to display the first item control distinguishably from other item controls in the current display component except the first item control according to the first viewing operation;

[0163] A data acquisition module, used for acquiring sub-data contained in the first data in the first item control;

[0164] A creation module, used for creating a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component;

[0165] The display module is used to load the sub-data contained in the first data into the item control of the new display component for display.

[0166] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0167] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0168] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A data display method, characterized in that: include: Receive a first viewing operation of a first item control in the current display component; According to the first viewing operation, the first item control is displayed separately from other item controls in the current display component except the first item control; Obtaining sub-data contained in the first data in the first item control; Creating a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component; The sub-data included in the first data is loaded into the item control of the new display component for display.

2. The method according to claim 1, characterized in that Also includes: Receiving a second viewing operation of a second item control in a target display component; wherein the target display component is located at a lower layer of the current display component; According to the second viewing operation, the second item control is displayed separately from other item controls in the target display component except the second item control; Obtaining sub-data contained in the second data in the second item control; The sub-data included in the second data is loaded into the item control of the upper layer display component of the target display component for display.

3. The method according to claim 2, characterized in that Also includes: In the case that there is a display component above the display component in the upper layer of the target display component, the display component above the display component in the upper layer of the target display component is closed.

4. The method according to claim 1, characterized in that: Also includes: Receiving a closing operation of a target display component; wherein the target display component is located at a lower layer of the current display component; According to the closing operation, the target display component and the display components above the target display component are closed.

5. The method according to claim 1, characterized in that Also includes: In response to the stretching operation of the current display component, the current display component is stretched to cover the display component of the lower layer.

6. The method according to claim 1, characterized in that Also includes: Receiving a tree structure display operation of a first item control in the current display component; According to the tree structure display operation, determine the third data in the item controls to be displayed differently in each display component under the current display component; Creating a top-level display component; wherein the top-level display component is located at the top level and covers the display components at the lower level; The first data in the first item control and each of the third data are loaded into the tree display control in the top-level display component according to the inclusion relationship for display.

7. The method according to any one of claims 1 to 6, characterized in that: The display component includes a floating layer component.

8. A data display device, characterized in that: include: A receiving module, used for receiving a first viewing operation of a first item control in the current display component; A display module, configured to display the first item control distinguishably from other item controls in the current display component except the first item control according to the first viewing operation; A data acquisition module, used for acquiring sub-data contained in the first data in the first item control; A creation module, used for creating a new display component; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first item control in the current display component is not blocked by the new display component; The display module is used to load the sub-data contained in the first data into the item control of the new display component for display.

9. An electronic device, characterized in that: The electronic device comprises: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the data presentation method as described in any one of claims 1 to 7.

10. A storage medium comprising computer executable instructions, wherein the computer executable instructions are used to perform the data presentation method according to any one of claims 1 to 7 when executed by a computer processor.

Images