Data display method and apparatus, electronic device and storage medium

Abstract

Disclosed in the embodiments of the present disclosure are a data display method and apparatus, an electronic device and a storage medium. The method comprises: receiving a first viewing operation for a first entry control in the current display component; according to the first viewing operation, displaying the first entry control to distinguish same from the other entry controls in the current display component except the first entry control; acquiring sub-data comprised in first data in the first entry control; creating a new display component, the new display component being located on an upper layer of the current display component, and at least part of the first entry control in the current display component not being shielded by the new display component; and loading an entry control of the new display component with the sub-data comprised in the first data to be displayed.

Description

[0001] A Data Display Method, Device, Electronic Device, and Storage Medium Cross-Reference to Related Applications This application claims priority to Chinese invention patent application number 202311527493.X, entitled “A Data Display Method, Device, Electronic Device, and Storage Medium,” filed on November 15, 2023, which is incorporated herein by reference in its entirety. Technical Field The present disclosure relates to the field of computer technology, and more particularly to a data display method, device, electronic device, and storage medium. Background Currently, multi-level data is typically displayed in the form of a tree-structured list. When the amount of multi-level data is large, the tree-structured list will be split onto different pages for display, which will seriously affect the user's understanding of the data structure. SUMMARY The present disclosure provides a data display method, device, electronic device, and storage medium that can clearly display the data structure of multi-level data. In a first aspect, an embodiment of the present disclosure provides a data display method, comprising: receiving a first viewing operation of a first entry control in a current display component; displaying the first entry control separately from other entry controls in the current display component except the first entry control according to the first viewing operation; obtaining sub-data contained in the first data in the first entry 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 part of the first entry control in the current display component is not blocked by the new display component; loading the sub-data contained in the first data into the entry control of the new display component for display. In a second aspect, an embodiment of the present disclosure further provides a data display device, comprising: a receiving module for receiving a first viewing operation of a first entry control in a current display component; a display module for displaying the first entry control separately from other entry controls in the current display component except the first entry control according to the first viewing operation; a data acquisition module for acquiring sub-data contained in the first data in the first entry control; a creation module 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 part of the first entry control in the current display component is not obscured by the new display component; a display module for loading the sub-data contained in the first data into the entry control of the new display component for display. In a third aspect, an embodiment of the present disclosure further provides an electronic device, comprising: one or more processors; a storage device for storing one or more programs, wherein 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.In a fourth aspect, embodiments of the present disclosure further provide a storage medium containing computer-executable instructions, which, when executed by a computer processor, are used to perform a data display method as described in any of the embodiments of the present disclosure. The foregoing and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent with reference to the accompanying drawings and the following detailed description. Throughout the drawings, identical or similar reference numerals represent identical or similar elements. It should be understood that the drawings are schematic, and the components and elements are not necessarily drawn to scale. Figure 1 is a flow chart of a data display method provided in an embodiment of the present disclosure; Figure 2 is a schematic diagram of an interface in a data display method provided in an embodiment of the present disclosure; Figure 3 is a schematic diagram of an interface in a data display method provided in an embodiment of the present disclosure; Figure 4 is a schematic diagram of an interface in a data display method provided in an embodiment of the present disclosure; Figure 5 is a schematic diagram of an interface in a data display method provided in an embodiment of the present disclosure; Figure 6 is a schematic diagram of an interface in a data display method provided in an embodiment of the present disclosure; Figure 7 is a schematic diagram of an interface in a data display method provided in an embodiment of the present disclosure; Figure 8 is a schematic diagram of the structure of a data display device provided in an embodiment of the present disclosure; and Figure 9 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure. Detailed Description of the Embodiments The 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 limited to the embodiments described herein. Instead, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure. It should be understood that the various steps described in the method embodiments of the present disclosure can be performed in a different order 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. The term "including" and its variations used herein are open-ended 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 other embodiment"; and the term "some embodiments" means "at least some embodiments." Relevant definitions of other terms will be given in the following description. It should be noted that the concepts of “first”, “second”, etc. mentioned in this 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.It should be noted that the modifications of "one" and "multiple" 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". The names of the messages or information exchanged between the multiple devices in the embodiments of the present disclosure are for illustrative purposes only, and are not used to limit the scope of these messages or information. Figure 1 is a flow chart of a data display method provided by an embodiment of the present disclosure. The embodiment of the present disclosure is applicable to situations where multi-level data is displayed, and is particularly applicable to situations where multi-level data with a large amount of data is displayed. 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. As shown in Figure 1, the data display method provided in this embodiment may include:

[0002] S110: Receive a first view operation on a first item control in the current presentation component. In the embodiments of the present disclosure, a presentation component is a component that can be rendered on a page and can contain a variety of controls (e.g., item controls, button controls, etc.). The presentation component is reusable, meaning that changing the content displayed in the presentation component does not require creating a new page, facilitating quick content switching within the presentation component. In some implementations, the presentation component may include, for example, a floating component. The floating component offers high flexibility in its placement within the page and can contain a variety of controls, making it well-suited for multi-level data display in the embodiments of the present disclosure. The current presentation component can be considered the top-level presentation component within the page. The current presentation component can include at least one item control, each of which can be loaded with a piece of data. Each item control can be associated with a data operation control, which can be understood as a control that operates on the data loaded in the item control. For example, an associated data operation control can be placed at the end of an item control, or an item control can display at least one data operation control in response to a mouse hover. Data operation controls may include, but are not limited to, data view controls. Accordingly, in response to the triggering of a view control, a view operation may be received. Alternatively, a view operation may be received directly in response to the triggering of an item control, without specific limitation herein. A view operation received in the current display component may be referred to as a first view operation, and the item control corresponding to the first view operation may be referred to as a first item control. For example, FIG2 illustrates an interface diagram of a data display method provided in an embodiment of the present disclosure. Referring to FIG2 , a display component is rendered on a page, located at the top layer. This display component may be used as the current display component. The current display component contains three item controls. When an item control ranked 2 is triggered, a view operation may be received for the data in the item control ranked 2. This view operation may be referred to as a first view operation, and the item control corresponding to the first view operation (i.e., the item control ranked 2) may be referred to as the first item control. In response to the first view operation, steps S120-S150 below may be executed to view the sub-data of the first data loaded in the first item control.

[0003] S120. Based on the first viewing operation, the first item control is displayed distinctly from other item controls in the current display component, except for the first item control. Specifically, to highlight the first data currently being viewed, the item control carrying the first data (i.e., the first item control) may be displayed distinctly from other item controls in the current display component. For example, referring again to FIG. 2 , the first data in the first item control may be displayed in a first color, while the data in the other item controls may be displayed in a second color, where the first color and the second color are different. Furthermore, the color filled in the first item control may be distinguished from the colors filled in the other item controls, and so on, which are not exhaustive here.

[0004] S130: Obtain sub-data contained in the first data in the first item control. In the disclosed embodiment, the sub-data contained in the first data in the first item control can be obtained from a backend (e.g., a server) that supports interface data display. The sub-data can be considered as data at a lower level than the first data.

[0005] S140: Create a new display component; the new display component is positioned above the current display component, and at least a portion of the first item control in the current display component is not obscured by the new display component. The new display component can be created using existing component creation methods. The new display component can be set as the topmost layer, meaning that the new display component is positioned above the current display component. If the current display component is narrow, the new display component may not overlap with the current display component; if the current display component is wide, the new display component may overlap with the current display component. If the new display component overlaps with the current display component, the size of the new display component must be set so that at least a portion of the first item control in the current display component is not obscured by the new display component. This preserves the hierarchy of the first data and clearly displays the hierarchical structure of the sub-data. Referring again to FIG. 2 , the current display component and the new display component can be displayed tiled. The new display component can be the same height as the current display component, with its width indented to the right by a certain amount. This preserves information about the hierarchy of the first data and clearly displays the hierarchical structure of the sub-data of the first data.

[0006] S150: Load the sub-data contained in the first data into the entry controls of the new display component for display. After creating the new display component, a number of entry controls may be created within it to match the number of sub-data. The sub-data may be loaded separately into the entry controls of the new display component using existing loading methods to enable viewing of the sub-data of the first data. Traditionally, multi-level data is typically displayed in a tree-structured list format. Tree-structured lists only support paging. In most cases, assets are large, and paging would split the entire tree structure into different pages, hindering the user's understanding and comparison of the data asset structure. In the disclosed embodiment, however, since the current display component is the topmost display component on the page, the new display component, after being created and placed above the current display component, becomes the topmost display component, i.e., the new display component becomes the current display component. Further data viewing operations can be performed on the current display component, allowing data at different levels to be displayed on the page by overlaying the new display component. This increases the flexibility of viewing data assets and allows for a comprehensive overview of the data assets. 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; based on 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; 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, thereby improving the user viewing experience. The embodiment of the present disclosure can be combined with the various optional schemes in the data display method provided in the above embodiments. The data display method provided in this embodiment provides a detailed description of the switching of data in the display component, and can flexibly switch to view data. For example, Figure 3 is an interface diagram of a data display method provided in the embodiment of the present disclosure. As shown in Figure 3, the data display method provided by this embodiment may include: receiving 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, displaying the second item control 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; loading the sub-data contained in the second data into the item control of the display component in the upper layer of the target display component for display.In the disclosed embodiment, the target display component is located below the current display component. This means that the data in the target display component is the upper-level data of the data in the current display component. The second item control in the target display component can be different from the item control containing the data currently being viewed in the target display component. This means that the second viewing operation is intended to view sub-data of data in the target display component that is different from the currently viewed data. Referring to Figure 3 , there are two display components below the current display component. Either of these display components can serve as the target display component. For example, in Figure 3 , the display component below the current display component serves as the target display component. The data in the item control ranked 1 in the target display component is currently being viewed. This means that the data displayed by the current display component is sub-data of the data in the item control ranked 1 in the target display component. In this case, if the target display component receives a viewing operation for the item control ranked 3, this viewing operation can be referred to as a 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. When the data currently being viewed in the target display component switches to the data of the second item control, the second item control can be displayed separately from the other item controls to indicate that the data being viewed in the target display component has switched. The method for displaying the second item control separately, the process for obtaining the sub-data contained in the second data in the second item control, and the process for loading the sub-data contained in the second data into the item control at the next higher level are described above and are not described in detail here. This allows for quick and flexible switching of data content in related display components by switching the upper-level data. Referring again to Figure 3 , when the data currently being viewed in the target display component switches 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 the 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 loaded into the current display component, enabling quick and flexible switching of data in the current display component. For example, Figure 4 is a schematic interface diagram of a data display method provided in an embodiment of the present disclosure. As shown in Figure 4 , in some optional implementations, if there are display components above the target display component, the display components above the target display component can be closed. Referring to Figure 4 , there are two display components below the current display component, and the display components below the current display component are used as the target display component. The data in the item control ranked 1 in the target display component is currently being viewed.At this point, if the target display component receives a view operation for the item control ranked 3, this view operation can be referred to as a second view operation, the item control ranked 3 can be referred to as a second item control, and the data in the item control ranked 3 can be referred to as second data. The item control ranked 3 can be displayed separately from other item controls (including the item control ranked 1). Subdata contained in the data of the item control ranked 3 is obtained and loaded into the display component below the current display component, thereby switching the data in the display component below the current display component. Since the view operation for the switched data in the display component below the current display component has not been received, the data to be displayed in the current display component is uncertain, so the current display component can be closed. In these optional implementations, if the target display component includes a display component above the display component above the target display component, since the display component above the target display component has switched data but has not yet received a view operation for the switched data, the data to be displayed in the display components two or more levels above the target display component is uncertain. Therefore, all display components two or more levels above the target display component can be closed to achieve flexible interaction between display components. The technical solutions of the embodiments of this disclosure provide a detailed description of data switching within display components, enabling flexible switching and viewing of data. The data display method provided in this embodiment shares the same disclosed concept as the data display method provided in the aforementioned embodiments. Technical details not fully described in this embodiment can be found in the aforementioned embodiments. The same technical features in this embodiment and the aforementioned embodiments have the same beneficial effects. The various optional solutions in the data display methods provided in this embodiment and the aforementioned embodiments can be combined. The data display method provided in this embodiment provides a detailed description of quickly returning to a desired display component layer, enabling rapid switching back to the desired display component layer. Figure 5 illustrates an interface diagram of a data display method provided in the embodiments of this disclosure. As shown in Figure 5, the data display method provided in this embodiment may include: receiving a close operation for a target display component; wherein the target display component is located below a current display component; and, in response to the close operation, closing the target display component and display components above the target display component. In this embodiment, the target display component is located below the current display component and can be any display component below the current display component. For example, in Figure 5, the display component below the current display component is selected as the target display component. The target display component may include a component close control, which, when triggered, receives a close operation. In response to the close operation on the target display component, not only the target display component but also all display components above it may be closed. The display component below the target display component then becomes the current display component.This allows multiple display components to be closed with a single operation, quickly switching back to the desired display component (i.e., the display component at the next level below the target display component), improving the interactive flexibility of display components. The technical solutions of the embodiments of this disclosure provide a detailed description of quickly returning to the desired display component level, enabling users to quickly switch back to the desired display component level. The data display method provided in the embodiments of this disclosure and the data display method provided in the above embodiments share the same disclosed concept. Technical details not fully described in this embodiment can be found in the above embodiments, and the same technical features have the same beneficial effects in both embodiments. The various optional solutions in the data display methods provided in the embodiments of this disclosure and the above embodiments can be combined. The data display method provided in this embodiment provides a detailed description of display component stretching, which can enhance the user viewing experience. Figure 6 is a schematic diagram of an interface in a data display method provided in the embodiments of this disclosure. As shown in Figure 6, the data display method provided in this embodiment may include: In response to a stretch operation on the current display component, stretching the current display component to cover the display components at the next level. Referring to Figure 6, the current display component may be configured with a component stretch control, and when the component stretch control is triggered, it can receive a stretch operation. In response to a stretching operation, the current display component can be stretched to achieve a "full screen" effect, obscuring all underlying display components, enhancing the user's viewing experience. This effect allows viewing of the first data. In some implementations, any display component on a page can be stretched so that the stretched display component covers all underlying display components, while retaining the display components above the stretched display component. This allows display of data structures of interest to a portion of the user, further enhancing the user viewing experience. Furthermore, referring again to Figure 6 , the original stretch control in the stretched display component can be switched to a restore control. In response to triggering the restore control, the stretched display component can be restored to its pre-stretch state. The technical solutions of the disclosed embodiments provide a detailed description of display component stretching, which can enhance the user's viewing experience. The data display method provided in the disclosed embodiments and the data display method provided in the aforementioned embodiments share the same disclosed concept. Technical details not fully described in this embodiment can be found in the aforementioned embodiments. The same technical features have the same beneficial effects in this and the aforementioned embodiments. The various optional solutions in the data display methods provided in the disclosed embodiments and the aforementioned embodiments can be combined. The data display method provided in this embodiment provides a detailed description of switching data viewing modes. It 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. Figure 7 is a schematic diagram of the interface of a data display method provided in an embodiment of the present disclosure.As shown in Figure 7, the data display method provided in this embodiment may include: receiving a tree structure display operation for a first item control in a current display component; determining, based on the tree structure display operation, third data for distinguished display in item controls in each display component below 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 below; and loading the first data and each third data in the first item control into a tree structure display control in the top-level display component according to an inclusion relationship for display. 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. In this case, the item corresponding to the tree structure display operation may also be referred to as the first item control. In response to the tree structure display operation, the third data for distinguished display items may be determined from the data in each display component below the current display component, thereby determining the data of each node in the upper level of the data in the current display component. A top-level display component can be created using existing component creation methods. The top-level display component can be located at the top of the display component and can cover all lower-level display components to achieve a "full-screen" effect. After creating the top-level display component, a tree-like display control can be created within the top-level display component. The tree-like display control can include at least one control capable of loading data, and at least one control can form a tree structure. The first data loaded in the first item control and the data of each upper-level node (i.e., third data) can be loaded into each node position of the tree-like structure control in an inclusion relationship. For example, referring to Figure 7 , the item control ranked 1 in the current display component receives a tree-like structure display operation. The item control ranked 1 in the display component below the current display component and the item control ranked 1 in the display control two levels below are item controls for distinguished display. The data in these two item controls can be determined as third data. In Figure 7 , the third data corresponding to the display control two levels below can be considered the data of the root node in the tree structure. Since it contains the third data corresponding to the display control in the next level below, the third data corresponding to the display control in the next level below can be considered the data of the first-level child node of the root node. Since the third data corresponding to the next-level display control includes the first data, the first data can be used as the second-level child node data of the root node. Furthermore, the third data and the first data can be loaded into the tree structure control based on the corresponding root node and the different-level child nodes. Furthermore, a close control can be deployed in the top-level display component to receive a close operation on the top-level display component. In response to this close operation, the top-level display component can be closed, thereby displaying the display components of the layers covered by the top-level display component, thereby restoring the original tiled display mode of the data results.In traditional solutions, the tree-structured list and tiled view structures are separate, preventing users from obtaining a complete view of a fine-grained data asset from any single perspective. Users often need to query the same data asset twice from different perspectives, comparing the complete asset structure. Furthermore, the tree-list view includes all data assets, making it easy for users to lose track of the hierarchy when flipping through pages. Furthermore, the page computation load can be significant, impacting page performance. In contrast, in the disclosed embodiments, the data viewing mode can be switched from multiple display components to a tree-structured display within a single display component, supporting multi-dimensional viewing of data structures and enriching data viewing methods. Furthermore, by filtering unviewed data from the upper-level data of the first data layer and only retrieving the viewed data (i.e., the third data) from the upper-level data layer, invalid nodes can be hidden during the tree-structured display process, reducing the computation load within the component. The technical solutions of the disclosed embodiments provide a detailed description of switching data viewing modes, enabling the display of the data structure of any data in the current display component in a tree-structured manner, enabling multi-dimensional viewing of data structures and enriching data viewing methods. The data display method provided in the embodiment of the present disclosure and the data display method provided in 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. Figure 8 is a structural schematic diagram of a data display device provided in the embodiment of the present disclosure. 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. As shown in FIG8 , the data display device provided by the embodiment of the present disclosure may include: a receiving module 810, configured to receive a first viewing operation of a first item control in a current display component; a display module 820, configured to display the first item control separately from other item controls in the current display component except the first item control according to the first viewing operation; a data acquisition module 830, configured to acquire sub-data contained in the first data in the first item control; a creation module 840, configured to 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 obscured by the new display component; and a display module 850, configured to load the sub-data contained in the first data into the item control of the new display component for display.In some optional implementations, the receiving module may be further configured to receive a second viewing operation on a second item control in a target display component, wherein the target display component is located below the current display component. Accordingly, the display module may be configured to display the second item control separately from other item controls in the target display component, except for the second item control, based on the second viewing operation. The data acquisition module may be configured to obtain sub-data contained in the second data in the second item control. The display module may be configured to load the sub-data contained in the second data into an item control of a display component above the target display component for display. In some optional implementations, the data display device may further include a closing module configured to close the display components above the target display component, if the display component above the target display component also includes a display component above the target display component. In some optional implementations, the closing module may be further configured to: receive a closing operation on the target display component, wherein the target display component is located below the current display component; and close the target display component and the display components above the target display component based on the closing operation. In some optional implementations, the data display device may further include: a stretching module, which may be used to stretch the current display component in response to the stretching operation of the current display component to cover the display components of the lower layer. In some optional implementations, the receiving module may also be used to receive the tree structure display operation of the first item control in the current display component; accordingly, the data acquisition module may also be used to determine the third data in the item control that is displayed differently in each display component below the current display component based on the tree structure display operation; a creation module may be used to 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 layer; the display module may 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. In some optional implementations, the display component includes a floating component. The data display device provided in the embodiment of the present disclosure can execute the data display method provided in any embodiment of the present disclosure, and has the functional modules and beneficial effects corresponding to the execution method. It is worth noting that the various units and modules included in the above-mentioned apparatus are divided only according to functional logic, but are not limited to the above divisions, as long as they can achieve the corresponding functions. In addition, the specific names of the functional units are only for the convenience of distinguishing them from each other and are not intended to limit the scope of protection of the embodiments of the present disclosure. Referring now to Figure 9, it shows a schematic diagram of the structure of an electronic device (e.g., the terminal device or server in Figure 9) 900 suitable for implementing the embodiments of the present disclosure.Terminal devices in the embodiments of the present disclosure may include, but are not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device shown in FIG9 is merely an example and should not limit the functionality and scope of use of the embodiments of the present disclosure. As shown in FIG9 , 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 based on programs stored in a read-only memory (ROM) 902 or programs loaded from a storage device 908 into a random access memory (RAM) 903. RAM 903 also stores various programs and data required for the operation of electronic device 900. Processing device 901, ROM 902, and RAM 903 are interconnected via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904. Typically, the following devices can be connected to the I / O interface 905: an input device 906 including, for example, a touch screen, a touchpad, 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. oThe communication device 909 can allow the electronic device 900 to communicate wirelessly or wired with other devices to exchange data. Although Figure 9 shows an electronic device 900 with various devices, it should be understood that it is not required to implement or have all of the devices shown. More or fewer devices may be implemented or provided instead. In particular, according to embodiments of the present disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for executing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via 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 present disclosure embodiment are performed. The electronic device provided in the present disclosure embodiment and the data display method provided in the above-mentioned embodiment belong to the same disclosed concept. Technical details not fully described in this embodiment can be referred to in the above-mentioned embodiment, and this embodiment has the same beneficial effects as the above-mentioned embodiment. The present disclosure provides a computer storage medium having a computer program stored thereon. When executed by a processor, the program implements the data display method provided in the above-described embodiments. It should be noted that the computer-readable medium described herein may be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to, an electrical connection having one or more conductors, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM), 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 thereof. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code.This propagated data signal can take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transfer a program for use by or in conjunction with an instruction execution system, apparatus, or device. Program code contained on a computer-readable medium can be transmitted using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), or any suitable combination thereof. In some embodiments, the client and server can communicate using any currently known or later developed network protocol, such as the HyperText Transfer Protocol (HTTP), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include local area networks (LANs), wide area networks (WANs), internets (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or later developed network. The computer-readable medium can be included in the electronic device or exist separately, not incorporated into the electronic device. The computer-readable medium carries one or more programs. When executed by the electronic device, the one or more programs cause the electronic device to: receive a first view operation on a first item control in a current presentation component; based on the first view operation, display the first item control distinctly from other item controls in the current presentation component except the first item control; obtain sub-data contained in first data in the first item control; create a new presentation component, wherein the new presentation component is located above the current presentation component and at least a portion of the first item control in the current presentation component is not obscured by the new presentation component; and load the sub-data contained in the first data into the item control of the new presentation component for display. The computer program code for performing the operations of the present disclosure can 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, and C++, as well as conventional procedural programming languages ​​such as C or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone 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 can be connected to the user computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computer (e.g., via the Internet using an Internet service provider). The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of the systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, program segment, or portion of code, which contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks may occur in an order different from that marked in the accompanying drawings. For example, two blocks shown in succession may actually be executed substantially in parallel, or they may sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flow charts, as well as combinations of blocks in the block diagrams and / or flow charts, can be implemented using a dedicated hardware-based system that performs the specified functions or operations, or can be implemented using a combination of dedicated hardware and computer instructions. The units described in the embodiments of the present disclosure may be implemented using software or hardware. The names of the units and modules do not, in certain circumstances, constitute limitations on the units and modules themselves. The functions described above may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Parts (ASSPs), System on Chips (SOCs), Complex Programmable Logic Devices (CPLDs), and the like. In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. 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, apparatus, or device, or any suitable combination of the foregoing.More specific examples of machine-readable storage media include electrical connections based on one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, a compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. According to one or more embodiments of the present disclosure, a data display method is provided, the method comprising: receiving a first view operation on a first item control in a current display component; displaying the first item control separately from other item controls in the current display component, based on the first view operation; obtaining sub-data contained in first data in the first item control; creating a new display component; wherein the new display component is located above the current display component and at least a portion of the first item control in the current display component is not obscured by the new display component; and loading the sub-data contained in the first data into an item control of the new display component for display. According to one or more embodiments of the present disclosure, a data display method is provided, further comprising: in some optional implementations, receiving a second view operation on a second item control in a target display component; wherein the target display component is located below the current display component; based on the second view operation, displaying the second item control distinctly from other item controls in the target display component except the second item control; obtaining sub-data contained in second data in the second item control; and loading the sub-data contained in the second data into an item control of a display component above the target display component for display. According to one or more embodiments of the present disclosure, a data display method is provided, further comprising: in some optional implementations, if a display component above the target display component further includes a display component, closing the display component above the target display component. According to one or more embodiments of the present disclosure, a data display method is provided, further comprising: in some optional implementations, receiving a close operation on a target display component; wherein the target display component is located below the current display component; and based on the close operation, closing the target display component and the display components above the target display component. According to one or more embodiments of the present disclosure, a data presentation method is provided, further comprising: in some optional implementations, in response to a stretching operation of the current presentation component, stretching the current presentation component to cover a presentation component on a lower layer.According to one or more embodiments of the present disclosure, a data display method is provided, further comprising: in some optional implementations, receiving a tree structure display operation of a first item control in the current display component; determining, based on the tree structure display operation, third data in the item controls for distinguishable display in each display component below 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 below; loading the first data in the first item control and each of the third data into the tree display control in the top-level display component according to an inclusion relationship for display. According to one or more embodiments of the present disclosure, a data display method is provided, further comprising: in some optional implementations, the display component comprises a floating component. According to one or more embodiments of the present disclosure, a data display device is provided, comprising: a receiving module for receiving a first view operation on a first item control in a current display component; a display module for displaying the first item control distinct from other item controls in the current display component, based on the first view operation; a data acquisition module for acquiring sub-data contained in first data in the first item control; a creation module for creating a new display component, wherein the new display component is located above the current display component, and at least a portion of the first item control in the current display component is not obscured by the new display component; and a display module for loading the sub-data contained in the first data into the item control of the new display component for display. The above description is merely an illustration of preferred embodiments of the present disclosure and the underlying technical principles. Those skilled in the art should understand that the scope of the present disclosure is not limited to technical solutions formed by a specific combination of the above-mentioned technical features, but also encompasses other technical solutions formed by any combination of the above-mentioned technical features or their equivalents, without departing from the scope of the above-mentioned disclosure. For example, the above features may be replaced with (but not limited to) technical features with similar functions disclosed in this disclosure to form a technical solution. In addition, although the operations are 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 several specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of this disclosure. Certain features described in the context of separate embodiments may also be implemented in combination in a single embodiment. Conversely, the various features described in the context of a single embodiment may also be implemented in multiple embodiments individually or in any suitable sub-combination.Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

Claims 1. A data presentation method, comprising: Receive a first viewing operation of a first item control in the current display component; According to the first viewing operation, the first entry control is displayed separately from other entry controls in the current display component except the first entry control; sub-data contained in the first data in the first entry control is obtained; a new display component is created; wherein the new display component is located on an upper layer of the current display component, and at least a portion of the first entry 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 entry control of the new display component for display.

2. The method according to claim 1, further comprising: Receive 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; display the second item control in a different manner from other item controls in the target display component except the second item control according to the second viewing operation; 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.

3. The method according to claim 2, further comprising: 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, further comprising: 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; and according to the closing operation, the target display component and the display components at an upper layer of the target display component are closed.

5. The method according to claim 1, further comprising: 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, further comprising: 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 control for distinguishing display in each display component under the current display component; create a top-level display component; wherein the top-level display component is located at the top level and covers the display components under the bottom level; load the first data in the first item control and each of the third data into the top-level display component according to the inclusion relationship It is displayed in the tree display control in the display component.

7. A method according to any one of claims 1-6, wherein the display component comprises a floating layer component.

8. A data display device, comprising: 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 in a distinguishable manner from other item controls in the current display component except the first item control according to the first viewing operation; a data acquisition module, configured to acquire sub-data contained in the first data in the first item control; a creation module, configured to 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; 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, comprising: one or more processors; A storage device is used to store 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, which, when executed by a computer processor, are used to perform the data presentation method as described in any one of claims 1 to 7.

Images