Data window display method, device, equipment and storage medium

Abstract

The present application discloses a data window display method, apparatus, device, and storage medium. The method determines the relative positional relationship between a first data item and a data window based on window position information of the data window and node position information of a first data item in a data table. The data window is used to display a second data item in the data table, and the first data item is a target data item in the data table that is not displayed in the data window. The method displays the data window based on the relative positional relationship. The data window includes one or more identification options, and the identification options are used to position the data window to the location of the first data item based on the relative positional relationship. Thus, the identification options can be used to quickly position the data window to the location of the first data item, thereby improving the search efficiency of the data item and achieving rapid search and positioning of the target data item.

Description

Technical Field

[0001] The present application relates to the field of data visualization technology, and in particular to a data window display method, device, equipment and storage medium. Background Art

[0002] Data entry is the process of recording coded data and actual numbers onto a storage medium using an input device to create a data table. For example, according to the principle of double-entry bookkeeping, each transaction is recorded by listing the corresponding accounts and amounts of both parties, creating a journal entry. However, the data entry process inevitably includes abnormal data items that fail verification.

[0003] Currently, the data table display window can only display abnormal data items in the data table at the current window position, and cannot perceive abnormal data items outside the display window. Users need to manually scroll the window continuously for manual search, resulting in very low efficiency in searching and displaying abnormal data items, thereby leading to a poor user experience. Summary of the Invention

[0004] The present application provides a data window display method, apparatus, device and storage medium to solve the technical problem of very low efficiency in searching and displaying abnormal data items.

[0005] In order to solve the above technical problems, in a first aspect, the present application provides a data window display method, comprising:

[0006] Determining a relative positional relationship between the first data item and the data window based on window position information of the data window and node position information of the first data item in the data table, wherein the data window is used to display the second data item in the data table, and the first data item is a target data item in the data table that is not displayed in the data window;

[0007] The data window is displayed according to the relative position relationship, and the data window includes one or more identification options, and the identification options are used to position the data window to the position where the first data item is located according to the relative position relationship.

[0008] The present application determines the relative position relationship between the first data item and the data window based on the window position information of the data window and the node position information of the first data item in the data table, so as to realize the perception of the relative position relationship between the data items outside the data window and the data window, thereby facilitating the subsequent automatic positioning of the first data item; and based on the relative position relationship, displays the data window including the identification option, so that the data window can be quickly positioned to the position of the first data item through the identification option, thereby improving the search efficiency of the data item and realizing the rapid search and positioning of the target data item.

[0009] In some implementations of the first aspect, determining a relative positional relationship between the first data item and the data window based on window position information of the data window and node position information of the first data item in the data table includes:

[0010] Determine all first data items in the data table;

[0011] Obtaining window position information of the data window and node position information of each first data item;

[0012] For each first data item, a logical operation is performed on the node position information and the window position information to determine the relative position relationship between the first data item and the data window.

[0013] This implementation method provides an implementation basis for subsequent automatic positioning of the first data items by sensing all the first data items in the data table and combining them with logical operations, thereby improving the positioning efficiency of the data items.

[0014] In some implementations of the first aspect, determining all first data items in a data table includes:

[0015] Based on the target variable, all first data items in the data table are determined, and the target variable records all the first data items.

[0016] This implementation method records all first data items through target variables, reduces the number of times the first data items are perceived, and thus improves the search efficiency of the data items.

[0017] In some implementations of the first aspect, before determining all first data items in the data table based on the target variable, the method further includes:

[0018] If a data update event of the data table is monitored, the element nodes of all the first data items in the data table are returned based on the preset detection function;

[0019] If the target variable exists, update the target variable according to the element node.

[0020] This implementation method calls a preset detection function to detect the first data item after the data is entered, and uses the element node of the first data item to update the target variable, so that the first data item can be perceived directly using the target variable when the data table is browsed subsequently, without having to call the preset detection function for detection again, thereby improving the perception efficiency of the first data item.

[0021] In some implementations of the first aspect, before determining all first data items in the data table based on the target variable, the method further includes:

[0022] If the moving event of the data window is monitored, it is determined whether the target variable exists;

[0023] If the target variable exists, the process proceeds to the step of determining all first data items in the data table based on the target variable.

[0024] In some implementations of the first aspect, obtaining window position information of the data window and node position information of each first data item includes:

[0025] Obtaining window size information and window distance information of the data window, and node size information and node distance information of each first data item, wherein the window distance information includes first horizontal distance information and first vertical distance information between the data window and a preset position on the device display interface, and the node distance information includes second horizontal distance information and second vertical distance information between the first data item and the preset position;

[0026] Performing data calculation on the window size information, the first horizontal distance information, and the first vertical distance information to obtain window position information;

[0027] Data calculation is performed on the node size information, the second horizontal distance information, and the second vertical distance information to obtain the node position information.

[0028] This implementation method realizes the positioning of the data window and the first data item by combining data calculation based on a static device display interface, thereby providing a basis for subsequently determining the relative position relationship.

[0029] In some implementations of the first aspect, for each first data item, performing a logical operation on the node position information and the window position information to determine a relative position relationship between the first data item and the data window includes:

[0030] For each first data item, performing a logical operation on the node position information and the window position information to obtain target logical data;

[0031] Based on a preset logic library, a relative position relationship corresponding to the target logic data is matched, and the preset logic library includes corresponding relationships between multiple logic data and multiple relative position relationships.

[0032] This implementation method determines the specific relative position relationship through logical operations and matching.

[0033] In some implementations of the first aspect, displaying the data window according to the relative position relationship includes:

[0034] Generate identification options corresponding to multiple window movement directions of the data window according to the relative position relationship, wherein each window movement direction corresponds to one or more identification options;

[0035] For each identification option, the identification option is added to a target position in the data window, and the data window is displayed. The target position is a preset position in the window moving direction corresponding to the identification option.

[0036] This implementation method generates an identification option corresponding to each window movement direction and displays a data window to intuitively show whether there is a first data item in each window movement direction, while facilitating subsequent rapid positioning of the first data item through the identification option corresponding to the window movement direction.

[0037] In some implementations of the first aspect, generating identification options corresponding to multiple window movement directions of the data window according to the relative position relationship includes:

[0038] Based on multiple window movement directions, multiple relative position relationships are classified to obtain the relative position relationship corresponding to each window movement direction;

[0039] According to the relative position relationship, generate the identification options corresponding to the moving direction of each window.

[0040] This implementation classifies the relative position relationship to generate identification options in the moving direction of each window, thereby intuitively displaying the first data item in the moving direction of each window.

[0041] In some implementations of the first aspect, generating identification options corresponding to multiple window movement directions of the data window according to the relative position relationship includes:

[0042] For each window moving direction of the data window, based on the relative position relationship, the number of relationships of the relative position relationship in the window moving direction is counted;

[0043] According to the relative position relationship and the relationship quantity, a plurality of identification options corresponding to the window movement directions are generated, wherein each window movement direction corresponds to one identification option, and the relationship quantity is displayed on each identification option.

[0044] This implementation improves the display effect by displaying all first data items in the same window moving direction as one identification option and visually displaying the number of first data items in the window moving direction on the identification option.

[0045] In some implementations of the first aspect, each identification option represents a relative positional relationship between a first data item and the data window;

[0046] According to the relative position relationship, after displaying the data window, it also includes:

[0047] In response to the selection operation acting on the target identification option, the data window is moved to the position where the target first data item is located in the target window moving direction, and the target window moving direction is the window moving direction corresponding to the target identification option.

[0048] In some implementations of the first aspect, each identification option represents a relative positional relationship between the plurality of first data items and the data window;

[0049] According to the relative position relationship, after displaying the data window, it also includes:

[0050] In response to a selection operation on a target identification option, the data window is moved to the position of the target first data item in the target window moving direction. The target window moving direction is the window moving direction corresponding to the target identification option. The target first data item is the first first data item among multiple first data items corresponding to the target identification option in the target window moving direction.

[0051] The present application displays a data window including an identification option, and in response to a selection operation on a target identification option, positions the data window to the location of the target first data item, thereby achieving rapid positioning of the target first data item and improving search and display efficiency.

[0052] In a second aspect, the present application further provides a data window display device, comprising:

[0053] a determination module, configured to determine a relative positional relationship between the first data item and the data window based on window position information of the data window and node position information of the first data item in the data table, wherein the data window is configured to display the second data item in the data table, and the first data item is a target data item in the data table that is not displayed in the data window;

[0054] The display module is used to display the data window according to the relative position relationship. The data window includes one or more identification options. The identification options are used to position the data window to the position where the first data item is located according to the relative position relationship.

[0055] In a third aspect, the present application further provides a terminal device comprising a processor and a memory, wherein the memory is used to store a computer program, and when the computer program is executed by the processor, the data window display method of the first aspect is implemented.

[0056] In a fourth aspect, the present application further provides a computer-readable storage medium storing a computer program, which implements the data window display method of the first aspect when the computer program is executed by a processor.

[0057] In a fifth aspect, the present application further provides a computer program product, which, when executed on a terminal device, enables the terminal device to implement the data window display method of the first aspect.

[0058] It should be noted that, for the beneficial effects of the second to fifth aspects, please refer to the relevant description of the first or second aspect, which will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0059] Figure 1 This is a flow chart of a data window display method according to an embodiment of the present application;

[0060] Figure 2 This is a flow chart of step S101 in the data window display method according to one embodiment of the present application;

[0061] Figure 3 This is a flow chart of step S102 in the data window display method according to one embodiment of the present application;

[0062] Figure 4 This is a flow chart of a data window display method according to another embodiment of the present application;

[0063] Figure 5 This is a flowchart of a data window display method according to another embodiment of the present application;

[0064] Figure 6 A schematic diagram showing the relative position relationship of an embodiment of the present application;

[0065] Figure 7 This is a schematic diagram of a data window before locating a data item shown in an embodiment of the present application;

[0066] Figure 8 This is a schematic diagram of a data window after locating a data item shown in an embodiment of the present application;

[0067] Figure 9 This is a structural diagram of a data window display device shown in an embodiment of the present application;

[0068] Figure 10 This is a schematic diagram of the structure of a terminal device shown in an embodiment of the present application. DETAILED DESCRIPTION

[0069] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are only part of the embodiments of this application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0070] Please refer to Figure 1 , Figure 1 which is a schematic flowchart of a data window display method provided by an embodiment of the present application. The data window display method of the embodiment of the present application can be applied to a terminal device equipped with or connected to a display component, and the terminal device includes but is not limited to devices such as smart phones, laptop computers, tablet computers, and desktop computers. The display component includes but is not limited to a display screen and a projector. As Figure 1 shown, the data window display method of this embodiment includes steps S101 to S102, which are described in detail as follows:

[0071] Step S101: Based on the window position information of the data window and the node position information of the first data item in the data table, determine the relative position relationship between the first data item and the data window. The data window is used to display the second data item in the data table, and the first data item is the target data item in the data table that is not displayed in the data window.

[0072] In this step, the data window is an interface window in the device display interface for displaying the data table. It can be a data window in a browser (web browser) page or a data window in an independent application (application, app) page. The device display interface is the display interface of the above display component, such as the display interface of the display screen. The data table is a table or web list for recording data items, and the data item is the data in the table or web list, including but not limited to numerical text and literal text, etc.

[0073] It can be understood that in some cases, the layout size of the data table is larger than the window size of the data window. For example, when the data table is enlarged, the data window cannot fully display the enlarged data table. Therefore, in this case, the data window can only display some data items in the data table.

[0074] In this embodiment, all data items (including the target data item) displayed in the data window are regarded as the second data item, and the target data item not displayed in the data window is regarded as the first data item. The target data item includes but is not limited to an abnormal data item and a keyword field data item. The abnormal data item is a data item that does not meet the data entry requirements of the data table. The data entry requirements are such as "the data item cannot be a null value" and "the value of the data item must be an integer", etc.; the keyword field data item is a data item containing a keyword field. For example, when querying data items with the keyword field "A", all data items containing "A" are keyword field data items.

[0075] Alternatively, if the data window is a window in a browser page, the data item is a Document Object Model (DOM) node. If the data window is a window in a standalone application, the data item is an element node of the programming language used by the standalone application, such as a JavaScript node corresponding to the JavaScript programming language for describing the data item.

[0076] The window position information is the position information of the data window within the device display interface, and the node position information is the position information of the first data item in the plane where the device display interface is located. Optionally, a plane rectangular coordinate system is established with a certain point on the device display interface as the coordinate origin and the plane where the device display interface is located as the XY plane. The coordinate position of the window center point of the data window in the plane rectangular coordinate system is used as the window position information, and the coordinate position of the node center point of the first data item in the plane rectangular coordinate system is used as the node position information. Based on the two coordinate points in the same coordinate system, the positional relationship between the two points can be determined, that is, the relative positional relationship between the first data item and the data window can be determined.

[0077] Optionally, the relative position relationship includes but is not limited to the data item being located directly above, directly below, directly to the left, directly to the right, to the upper left, to the lower left, to the upper right, to the lower right, and within the data window. Figure 6 A schematic diagram of the relative position relationship is shown, where the "Displayed Entry List" is the data window, the "Upper Range (Left)" is the upper left, and so on.

[0078] Step S102 : displaying the data window according to the relative position relationship, wherein the data window includes one or more identification options, and the identification options are used to position the data window to the position where the first data item is located according to the relative position relationship.

[0079] In this step, the identification option has an operable attribute. By operating the identification option, the current data window is positioned to the location of the first data item according to the relative position relationship, thereby displaying the first data item in the data window.

[0080] Optionally, each window movement direction of the data window corresponds to a plurality of identification options for locating the first data item corresponding to the identification option, i.e., one first data item corresponds to one identification option. The window movement directions include, but are not limited to, directly up, directly down, directly left, directly right, upper left, lower left, upper right, and lower right. It is understood that, for the positive direction, the positive movement of the data window can be achieved based on the horizontal scroll bar or the vertical scroll bar of the data window, and for the non-positive direction, the non-positive movement of the data window can be achieved based on the horizontal scroll bar of the data window in conjunction with the vertical scroll bar.

[0081] Optionally, each window movement direction of the data window corresponds to an identification option for locating multiple first data items in the corresponding window movement direction, that is, one identification option corresponds to multiple first data items in one window movement direction. Optionally, the identification option also carries the number of first data items in the corresponding window movement direction, so that the identification option displayed on the data window simultaneously displays the number of first data items in a certain window movement direction.

[0082] In some embodiments, Figure 1 Based on the embodiment shown, Figure 2 FIG. 5 shows a schematic diagram of the specific process of step S101. Figure 2 As shown, the above step S101 includes steps S201 to S203, which are described in detail as follows:

[0083] Step S201: determine all the first data items in the data table.

[0084] In this step, in one possible implementation, the data table is detected in real time to determine all first data items in the data table. In another possible implementation, in the target scenario, the data table is detected, and all detected first data items are recorded in a preset variable. In a subsequent process, all first data items in the data table are determined by querying the preset variable.

[0085] Optionally, the detection process (i.e., the perception process) of the data table includes: if the first data item is an abnormal data item, the data table can be detected based on a preset detection function. For example, if the data table is an entry table, the detection function provided by the entry table is used to verify whether all data items in the entry table are in the correct format, so as to detect abnormal data items with incorrect formats. If the first data item is a key field data item, the data table can be indexed by a preset index function. For example, if the data table is an Execl table, the field index function provided by the Execl table is used to index the data items in the Execl table that carry the key fields.

[0086] In some embodiments, Figure 2 Based on the embodiment shown, step S201 specifically includes:

[0087] Based on a target variable, all the first data items in the data table are determined, and the target variable records all the first data items.

[0088] In this embodiment, the target variable is a computer abstraction concept that records the first data item and can be called when it is necessary to determine the first data item in the data table. Optionally, the target variable is updated in the target scenario, so that in subsequent determination processes, there is no need to repeatedly trigger the call of data table detection functions such as preset detection functions or field index functions, thereby improving the determination efficiency of the first data item.

[0089] In some embodiments, the update process of the target variable includes:

[0090] If a data update event of the data table is monitored, then based on a preset detection function, return the element nodes of all the first data items in the data table;

[0091] If the target variable exists, update the target variable according to the element nodes.

[0092] In this embodiment, the data entry event is a computer event triggered by updating a data item, which includes but is not limited to data entry events, data change events, and data deletion events. The data entry event is an event triggered by entering data into the data table to form a data item. The data change event is an event triggered by changing the original data item in the data table to form a new data item. The data deletion event is an event triggered by deleting the data item in the data table.

[0093] For example, for a data entry event, in the process of entering the text "A, B, C, D" in an Excel table, the user enters the text "A, B, C, D" through the keyboard, and the terminal device enters the text "A, B, C, D" into the data table to obtain a data item of the text "A, B, C, D". When the text "A, B, C, D" is entered, the data entry event is triggered. For a data change event, after changing the original data item "A, B, C, D" to "A, B, G, R", the data change event is triggered. For a data deletion event, after deleting the original data item "A, B, C, D" to form a blank data item, the data deletion event is triggered.

[0094] Optionally, replace the value in the target variable with the latest set of element nodes to update the target variable. Exemplarily, the original target variable is "variable = {A, B, C}", where A, B, and C are the element node values of the original target variable. If the data item of "A, B, C, D" is the first data item and the element node of this data item is D, then the target variable is updated to "variable = {A, B, C, D}".

[0095] Optionally, when a data update event is monitored, determine whether the target variable exists. If the target variable exists, update the target variable; if the target variable does not exist, create the target variable and update the target variable.

[0096] In some embodiments, before determining all the first data items in the data table, it also includes: if a movement event of the data window is monitored, determining whether the target variable exists; if the target variable exists, entering the step of determining all the first data items in the data table based on the target variable.

[0097] In this embodiment, the move event is a computer event triggered by moving the horizontal scroll bar or vertical scroll bar of the data window when browsing a data table. As an example scenario, when a user browses a data table, the horizontal scroll bar or vertical scroll bar of the data window is scrolled. When the scroll bar stops scrolling, a query is made as to whether a target variable exists. If the target variable exists, the step of determining all the first data items in the data table based on the target variable is performed, so that the steps of the data window display method are executed in the current data window after the scroll bar stops scrolling, thereby displaying the identification options in the current data window. If the target variable does not exist, it means that the first data item does not exist in the data table, so the terminal device only displays the current data window without making any other responses.

[0098] Step S202: Acquire the window position information of the data window and the node position information of each of the first data items.

[0099] In this step, the window position information and the node position information can be two coordinate points in the same coordinate system. The implementation method is as described in detail in step S101 above and will not be repeated here. The window position information and the node position information can also be two relative direction distances from a reference position. For example, with a reference position as a reference position, the window position information of the data window is determined by calculating the relative direction distance between the data window and the reference position, and the window position information of the data window is determined by calculating the relative direction distance between the first data item and the reference position.

[0100] In some embodiments, Figure 2 Based on the embodiment shown, step S202 specifically includes:

[0101] Obtaining window size information and window distance information of the data window, and node size information and node distance information of each of the first data items, wherein the window distance information includes first horizontal distance information and first vertical distance information between the data window and a preset position on a device display interface, and the node distance information includes second horizontal distance information and second vertical distance information between the first data item and the preset position;

[0102] performing data calculation on the window size information, the first horizontal distance information, and the first vertical distance information to obtain the window position information;

[0103] Perform data calculation on the node size information, the second horizontal distance information, and the second vertical distance information to obtain the node position information.

[0104] In this embodiment, the preset position is a location point on the device display interface other than the location of the data window, such as a boundary point of the device display interface. Since the data window appears as a window with a certain shape (such as a rectangular window) on the device display interface, the window distance information specifically refers to the shortest horizontal distance and the shortest vertical distance between the window boundary of the data window and the preset position. Since the data item appears as a text box with a certain shape (such as a rectangular box) on the device display interface, the node distance information specifically refers to the shortest horizontal distance and the shortest vertical distance between the text box boundary of the data item and the preset position.

[0105] Optionally, the window size information, window distance information, node size information, and node distance information are obtained based on the getBoundingClientRect method.

[0106] Optionally, the window size information includes window height and window width, and the node size information includes node height and node width.

[0107] It should be noted that the first horizontal distance information, the first vertical distance information, the second horizontal distance information, and the second vertical distance information are directional vector distances. For example, the first horizontal distance information is Vx, the first vertical distance information is Vy, the window height is Vh, the window width is Vw, the second horizontal distance information is Ex, the second vertical distance information is Ey, the node height is Eh, the node width is Ew, the window position information is (Wx, Wy), and the node position information is (Dx, Dy). Wherein Wx = Vx + 0.5Vw, Wy = Vy + 0.5Vh, Dx = Ex + 0.5Ew, and Dy = Ey + 0.5Eh.

[0108] Step S203: For each of the first data items, perform a logical operation on the node position information and the window position information to determine a relative position relationship between the first data item and the data window.

[0109] In this step, optionally, the window position information and the node position information may be two coordinate points in the same coordinate system, and the relative position relationship between the two coordinate points is determined by determining the X value and Y value between the two coordinate points.

[0110] In some embodiments, Figure 2 Based on the embodiment shown, step S203 includes:

[0111] For each of the first data items, performing a logical operation on the node position information and the window position information to obtain target logical data;

[0112] Based on a preset logic library, a relative position relationship corresponding to the target logic data is matched, wherein the preset logic library includes correspondences between a plurality of logic data and a plurality of relative position relationships.

[0113] In this embodiment, exemplarily, the upper left corner of the device display interface is used as the preset position, the window position information is (Wx, Wy), the node position information is (Dx, Dy), Wx is the directional horizontal distance of the center point of the data window relative to the preset position, Wy is the directional vertical distance of the center point of the data window relative to the preset position, Dx is the directional horizontal distance of the center point of the data item relative to the preset position, and Dy is the directional vertical distance of the center point of the data item relative to the preset position; if the target logical data is {Dx<0<Wx, Wy<0<Dy}, then the relative position relationship corresponding to the target logical data is that the data item is located in the upper left corner of the data window; if the target logical data is {Dx<0<Wx, 2Wy<Dy<0}, then the relative position relationship is that the data item is located directly to the left of the data window; if the target logical data is {Dx<0<Wx, 4Wy<Dy<2Wy}, then the relative The position relationship is that the data item is located at the lower left of the data window. If the target logical data is {0<Dx<2Wx, Wy<0<Dy}, then the relative position relationship is that the data item is located directly above the data window. If the target logical data is {0<Dx<2Wx, 2Wy<Dy<0}, then the relative position relationship is that the data item is located within the data window. If the target logical data is {0<Dx<2Wx, Dy<2Wy<0}, then the relative position relationship is that the data item is located directly below the data window. If the target logical data is {0<2Wx<Dx, Wy<0<Dy}, then the relative position relationship is that the data item is located at the upper right of the data window. If the target logical data is {0<2Wx<Dx, 2Wy<Dy<0}, then the relative position relationship is that the data item is located directly to the right of the data window. If the target logical data is {0<2Wx<Dx, Dy<2Wy<0}, then the relative position relationship is that the data item is located at the lower right of the data window.

[0114] It can be understood that if the preset position is different, the target logical data will be different; if the representation method of the node position information or the window position information (such as the coordinate representation method based on the plane rectangular coordinate system, or the size distance representation method in the specific description of step S202 above) is different, the target logical data will also be different. In other embodiments, adaptive adjustments can be made based on the inventive concept of this application.

[0115] In some embodiments, Figure 1 Based on the embodiment shown, Figure 3 A specific flow chart of step S102 is shown. Figure 3 As shown, the above step S102 includes:

[0116] Step S301, generating identification options corresponding to a plurality of window movement directions of the data window according to the relative position relationship, wherein each window movement direction corresponds to one or more identification options;

[0117] Step S302 : For each of the identified options, add the identified option to a target position in the data window and display the data window. The target position is a preset position in the window moving direction corresponding to the identified option.

[0118] In this embodiment, in one possible implementation, each window movement direction corresponds to multiple identification options, each identification option corresponds to a first data item, and the identification option for each first data item is displayed in the data window. In another possible implementation, each window movement direction corresponds to one identification option, each identification option corresponds to all first data items in a window movement direction, and the identification option for each window movement direction is displayed in the data window.

[0119] In some embodiments, Figure 3 Based on the embodiment shown, step S301 specifically includes:

[0120] Classifying the plurality of relative position relationships based on the plurality of window movement directions to obtain the relative position relationship corresponding to each window movement direction;

[0121] The identification option corresponding to each window movement direction is generated according to the relative position relationship.

[0122] In this embodiment, the relative position relationship is classified based on the window moving direction, so that all first data items in the same window moving direction are classified into the same category, thereby generating identification options in the window moving direction.

[0123] In other embodiments, Figure 3 Based on the embodiment shown, step S301 specifically includes:

[0124] For each window moving direction of the data window, counting the number of relative position relationships in the window moving direction according to the relative position relationship;

[0125] According to the relative position relationship and the relationship quantity, a plurality of identification options corresponding to the window movement directions are generated, wherein each window movement direction corresponds to one identification option, and the relationship quantity is displayed on each identification option.

[0126] In this embodiment, one window moving direction corresponds to one identification option, and the identification option displays the related quantity, that is, the quantity of all first data items in the window moving direction, so as to intuitively display the quantity of first data items in each window moving direction.

[0127] In some embodiments, Figure 1 Based on the embodiment shown, Figure 4 A flow chart of another data window display method is shown. Figure 1 The same steps will not be repeated here. Each of the identification options represents a relative position relationship between the first data item and the data window. Figure 4 As shown, after step S102, the following steps are further included:

[0128] Step S401 , in response to a selection operation on the target identification option, the data window is moved to the location of the target first data item in a target window moving direction, where the target window moving direction is the window moving direction corresponding to the target identification option.

[0129] In this embodiment, the selection operation includes but is not limited to a click operation and a hover operation, and the click operation includes but is not limited to a single-click operation and a multi-click operation. The movement mode includes but is not limited to a jump window and a scroll window (or sliding window). Optionally, the scroll window can be implemented based on the scrollTo method. For example, when the user clicks the target identification option, the data window automatically jumps to the location window of the first data item corresponding to the target identification option. Alternatively, when the user double-clicks the target identification option, the data window automatically and dynamically scrolls to the location of the first data item.

[0130] In some embodiments, Figure 1 Based on the embodiment shown, Figure 5 A flow chart of another data window display method is shown. Figure 1 The same steps will not be repeated here. Each of the identification options represents the relative position relationship between the plurality of the first data items and the data window. Figure 5 As shown, after step S102, the following steps are further included:

[0131] Step S501, in response to the selection operation acting on the target identification option, the data window is moved to the position of the target first data item in the target window moving direction, the target window moving direction is the window moving direction corresponding to the target identification option, and the target first data item is the first first data item among the multiple first data items corresponding to the target identification option in the target window moving direction.

[0132] In this embodiment, the selection operation includes but is not limited to a click operation and a hover operation, and the click operation includes but is not limited to a single click operation and a multi-click operation. The movement mode includes but is not limited to a jump window and a scroll window (or sliding window). Optionally, the scroll window can be implemented based on the scrollTo method.

[0133] By way of example and not limitation, Figure 7 shows a schematic diagram of the data window before locating the data item, Figure 8 Figure 2 shows a schematic diagram of the data window after locating the data item. Figure 7 As shown in the figure, "text content" and "this is a text content" are data items, the indicator boxes on the moving direction of each window are identification options, and the numbers in the indicator boxes are the number of relationships; when you click Figure 7 The left indicator box (i.e. Figure 7 9 in the figure), then Figure 7 The data window moves to Figure 8 The data window, such as Figure 8 As shown, the text box indicated by "Value cannot be empty" represents the first data item.

[0134] In order to execute the data window display method corresponding to the above method embodiment, to achieve the corresponding functions and technical effects. Figure 9 , Figure 9 The following is a structural block diagram of a data window display device provided by an embodiment of the present application. For ease of explanation, only the parts related to this embodiment are shown. The data window display device provided by an embodiment of the present application includes:

[0135] a determination module 901 configured to determine a relative positional relationship between a first data item and the data window based on window position information of the data window and node position information of a first data item in a data table, wherein the data window is configured to display a second data item in the data table, and the first data item is a target data item in the data table that is not displayed in the data window;

[0136] The first display module 902 is used to display the data window according to the relative position relationship. The data window includes one or more identification options. The identification options are used to position the data window to the position of the first data item according to the relative position relationship.

[0137] In some embodiments, the determining module 901 includes:

[0138] a determination submodule, configured to determine all the first data items in the data table;

[0139] an acquisition submodule, configured to acquire window position information of the data window and node position information of each of the first data items;

[0140] The operation submodule is configured to perform a logical operation on the node position information and the window position information for each of the first data items, so as to determine a relative position relationship between the first data item and the data window.

[0141] In some embodiments, the determining submodule includes:

[0142] A determining unit is configured to determine all the first data items in the data table based on a target variable, wherein the target variable records all the first data items.

[0143] In some embodiments, the determining submodule further includes:

[0144] a returning unit, configured to return element nodes of all first data items in the data table based on a preset detection function if a data entry event of the data table is monitored;

[0145] An updating unit is configured to update the target variable according to the element node if the target variable exists.

[0146] In some embodiments, the determining submodule further includes:

[0147] a judging unit, configured to judge whether the target variable exists if a movement event of the data window is monitored;

[0148] The determination unit is configured to, if the target variable exists, proceed to the step of determining all the first data items in the data table based on the target variable.

[0149] In some embodiments, the acquisition submodule includes:

[0150] an acquiring unit, configured to acquire window size information and window distance information of the data window, and node size information and node distance information of each of the first data items, wherein the window distance information includes first horizontal distance information and first vertical distance information between the data window and a preset position on a device display interface, and the node distance information includes second horizontal distance information and second vertical distance information between the first data item and the preset position;

[0151] a first calculating unit, configured to perform data calculation on the window size information, the first horizontal distance information, and the first vertical distance information to obtain the window position information;

[0152] The second calculation unit is used to perform data calculation on the node size information, the second horizontal distance information and the second vertical distance information to obtain the node position information.

[0153] In some embodiments, the operator module includes:

[0154] an operation unit, configured to perform a logical operation on the node position information and the window position information for each of the first data items to obtain target logical data;

[0155] The matching unit is used to match the relative position relationship corresponding to the target logical data based on a preset logic library, wherein the preset logic library includes correspondences between multiple logical data and multiple relative position relationships.

[0156] In some embodiments, the first display module 902 includes:

[0157] A first generating submodule is configured to generate identification options corresponding to a plurality of window movement directions of the data window according to the relative position relationship, wherein each window movement direction corresponds to one or more identification options;

[0158] The first display submodule is configured to add each identification option to a target position in the data window and display the data window, wherein the target position is a preset position in the window moving direction corresponding to the identification option.

[0159] In some embodiments, the first generation submodule includes:

[0160] a classification unit, configured to classify the plurality of relative position relationships based on the plurality of window movement directions, and obtain the relative position relationship corresponding to each of the window movement directions;

[0161] A generating unit is configured to generate the identification option corresponding to each window movement direction according to the relative position relationship.

[0162] In some embodiments, the first display module 902 includes:

[0163] a statistics submodule, configured to count the number of relative position relationships in each window moving direction of the data window according to the relative position relationship;

[0164] a second generating submodule, configured to generate a plurality of identification options corresponding to the window movement directions according to the relative position relationship and the relationship quantity, wherein each window movement direction corresponds to one identification option, and each identification option is displayed with the relationship quantity;

[0165] The second display submodule is configured to add each identification option to a target position in the data window and display the data window, wherein the target position is a preset position in the window moving direction corresponding to the identification option.

[0166] In some embodiments, each of the identification options represents a relative position relationship between the first data item and the data window; the data window display device further includes:

[0167] The first moving module is used to respond to the selection operation acting on the target identification option and move the data window to the position of the target first data item in a target window moving direction, where the target window moving direction is the window moving direction corresponding to the target identification option.

[0168] In some other embodiments, each of the identification options represents a relative positional relationship between a plurality of the first data items and the data window; and the data window display device further includes:

[0169] A second moving module is used to respond to a selection operation acting on the target identification option and move the data window to the position of the target first data item in a target window moving direction, wherein the target window moving direction is the window moving direction corresponding to the target identification option, and the target first data item is the first first data item among multiple first data items corresponding to the target identification option in the target window moving direction.

[0170] The above-mentioned data window display device can implement the data window display method of the above-mentioned method embodiment. The optional options in the above-mentioned method embodiment are also applicable to this embodiment and will not be described in detail here. The remaining contents of the embodiment of this application can refer to the contents of the above-mentioned method embodiment and will not be repeated in this embodiment.

[0171] Figure 10 This is a schematic diagram of the structure of a terminal device provided in one embodiment of the present application. Figure 10 As shown, the terminal device 100 of this embodiment includes: at least one processor 1000 ( Figure 10Only one is shown in the figure) a processor, a memory 1001, and a computer program 1002 stored in the memory 1001 and executable on the at least one processor 1000, wherein the processor 1000 implements the steps of any of the above method embodiments when executing the computer program 1002.

[0172] The terminal device 100 may be a computing device such as a smart phone, a tablet computer, a desktop computer, or a cloud server. The terminal device may include but is not limited to a processor 1000 and a memory 1001. It will be understood by those skilled in the art that Figure 10 This is merely an example of the terminal device 100 and does not constitute a limitation on the terminal device 100 . The terminal device 100 may include more or fewer components than shown in the figure, or a combination of certain components, or different components. For example, the terminal device 100 may also include input and output devices, network access devices, etc.

[0173] The processor 1000 may be a central processing unit (CPU), or other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. A general-purpose processor may be a microprocessor or any conventional processor.

[0174] In some embodiments, the memory 1001 may be an internal storage unit of the terminal device 100, such as a hard disk or memory of the terminal device 100. In other embodiments, the memory 1001 may also be an external storage device of the terminal device 100, such as a plug-in hard disk, a smart media card (SMC), a secure digital (SD) card, a flash card, etc. equipped on the terminal device 100. Furthermore, the memory 1001 may also include both an internal storage unit of the terminal device 100 and an external storage device. The memory 1001 is used to store an operating system, an application program, a boot loader, data, and other programs, such as the program code of the computer program. The memory 1001 may also be used to temporarily store data that has been output or is to be output.

[0175] In addition, an embodiment of the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps in any of the above method embodiments are implemented.

[0176] An embodiment of the present application provides a computer program product. When the computer program product is run on a terminal device, the terminal device implements the steps in the above-mentioned method embodiments when executing the computer program product.

[0177] In several embodiments provided in the present application, it is understood that each box in the flow chart or block diagram can represent a part of a module, program segment or code, and the part of the module, program segment or code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two consecutive boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, which depends on the functions involved.

[0178] If the functions are implemented in the form of software function modules and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a terminal device to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage media include: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), magnetic disk or optical disk, and other media that can store program codes.

[0179] The specific embodiments described above further illustrate the objectives, technical solutions, and beneficial effects of this application. It should be understood that the above descriptions are merely specific embodiments of this application and are not intended to limit the scope of protection of this application. In particular, it should be noted that any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of this application by those skilled in the art should be included within the scope of protection of this application.

Claims

1. A data window display method, characterized in that: include: Determining a relative positional relationship between the first data item and the data window based on window position information of the data window and node position information of a first data item in a data table, wherein the data window is used to display a second data item in the data table, and the first data item is a target data item in the data table that is not displayed in the data window; Displaying the data window according to the relative position relationship, wherein the data window includes one or more identification options, and the identification options are used to position the data window to the position where the first data item is located according to the relative position relationship; Among them, displaying the data window according to the relative position relationship includes: generating identification options corresponding to multiple window movement directions of the data window according to the relative position relationship, wherein each of the window movement directions corresponds to one or more identification options; for each of the identification options, adding the identification option to a target position within the data window, and displaying the data window, wherein the target position is a preset position on the window movement direction corresponding to the identification option.

2. The data window display method according to claim 1, wherein: The determining, based on the window position information of the data window and the node position information of the first data item in the data table, a relative position relationship between the first data item and the data window includes: Determine all the first data items in the data table; Acquire window position information of the data window and node position information of each of the first data items; For each of the first data items, a logical operation is performed on the node position information and the window position information to determine a relative position relationship between the first data item and the data window.

3. The data window display method according to claim 2, wherein: Determining all the first data items in the data table includes: If a data update event of the data table is monitored, then based on a preset detection function, the element nodes of all first data items in the data table are returned; If the target variable exists, update the target variable according to the element node; Based on the updated target variable, all the first data items in the data table are determined, and the target variable records all the first data items.

4. The data window display method according to claim 2, wherein: Determining all the first data items in the data table includes: If a moving event of the data window is monitored, determining whether a target variable exists; If the target variable exists, all the first data items in the data table are determined based on the target variable, and the target variable records all the first data items.

5. The data window display method according to claim 2, wherein: The acquiring the window position information of the data window and the node position information of each of the first data items includes: Obtaining window size information and window distance information of the data window, and node size information and node distance information of each of the first data items, wherein the window distance information includes first horizontal distance information and first vertical distance information between the data window and a preset position on a device display interface, and the node distance information includes second horizontal distance information and second vertical distance information between the first data item and the preset position; performing data calculation on the window size information, the first horizontal distance information, and the first vertical distance information to obtain the window position information; Perform data calculation on the node size information, the second horizontal distance information, and the second vertical distance information to obtain the node position information.

6. The data window display method according to claim 2, wherein: The step of performing a logical operation on the node position information and the window position information for each of the first data items to determine a relative position relationship between the first data item and the data window includes: For each of the first data items, performing a logical operation on the node position information and the window position information to obtain target logical data; Based on a preset logic library, a relative position relationship corresponding to the target logic data is matched, wherein the preset logic library includes correspondences between a plurality of logic data and a plurality of relative position relationships.

7. The data window display method according to claim 1, wherein: Generating identification options corresponding to a plurality of window movement directions of the data window according to the relative position relationship includes: Classifying the plurality of relative position relationships based on the plurality of window movement directions to obtain the relative position relationship corresponding to each window movement direction; The identification option corresponding to each window movement direction is generated according to the relative position relationship.

8. The data window display method according to claim 1, wherein: Generating identification options corresponding to a plurality of window movement directions of the data window according to the relative position relationship includes: For each window moving direction of the data window, counting the number of relative position relationships in the window moving direction according to the relative position relationship; According to the relative position relationship and the relationship quantity, a plurality of identification options corresponding to the window movement directions are generated, wherein each window movement direction corresponds to one identification option, and the relationship quantity is displayed on each identification option.

9. The data window display method according to any one of claims 1 to 8, characterized in that: Each of the identification options represents a relative position relationship between the first data item and the data window; each of the identification options corresponds to a window movement direction of the data window; After displaying the data window according to the relative position relationship, the method further includes: In response to a selection operation on a target identification option, the data window is moved to the location of the target first data item in a target window moving direction, where the target window moving direction is the window moving direction corresponding to the target identification option.

10. The data window display method according to any one of claims 1 to 8, characterized in that: Each of the identification options represents the relative position relationship between the plurality of the first data items and the data window; each of the identification options corresponds to a window movement direction of the data window; After displaying the data window according to the relative position relationship, the method further includes: In response to a selection operation applied to a target identification option, the data window is moved to the position of the target first data item in a target window moving direction, wherein the target window moving direction is a window moving direction corresponding to the target identification option, and the target first data item is the first of a plurality of first data items corresponding to the target identification option in the target window moving direction.

11. A data window display device, characterized in that: include: a determination module, configured to determine a relative positional relationship between a first data item and the data window based on window position information of the data window and node position information of a first data item in a data table, wherein the data window is configured to display a second data item in the data table, and the first data item is a target data item in the data table that is not displayed in the data window; a display module, configured to display the data window according to the relative position relationship, wherein the data window includes one or more identification options, and the identification options are configured to position the data window to the position where the first data item is located according to the relative position relationship; Among them, displaying the data window according to the relative position relationship includes: generating identification options corresponding to multiple window movement directions of the data window according to the relative position relationship, wherein each of the window movement directions corresponds to one or more identification options; for each of the identification options, adding the identification option to a target position within the data window, and displaying the data window, wherein the target position is a preset position on the window movement direction corresponding to the identification option.

12. A terminal device, characterized in that: The method comprises a processor and a memory, wherein the memory is used to store a computer program, and when the computer program is executed by the processor, the data window display method according to any one of claims 1 to 10 is implemented.

13. A computer-readable storage medium, characterized in that It stores a computer program, which, when executed by a processor, implements the data window display method according to any one of claims 1 to 10.

Images