CN111124211A - Data display method and device and electronic equipment - Google Patents
Data display method and device and electronic equipment Download PDFInfo
- Publication number
- CN111124211A CN111124211A CN201811287440.4A CN201811287440A CN111124211A CN 111124211 A CN111124211 A CN 111124211A CN 201811287440 A CN201811287440 A CN 201811287440A CN 111124211 A CN111124211 A CN 111124211A
- Authority
- CN
- China
- Prior art keywords
- screening
- button
- page
- option
- category
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention provides a data display method, a data display device and electronic equipment, wherein the method comprises the following steps: after a page containing a screening button is displayed in the electronic equipment, detecting whether a screening instruction sent by a user is acquired or not, wherein the screening instruction is sent by the user by clicking the screening button; after the screening instruction is obtained, displaying a plurality of category buttons provided with drop-down box identifiers in a first preset area in a page; each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the first preset area is an area different from the area where the data object in the page is located according to the screening condition under the screening category corresponding to the category button. Through the technical scheme provided by the embodiment of the invention, the visibility of the data objects in the page is improved, and the search experience of a user is further improved.
Description
Technical Field
The present invention relates to the field of data search technologies, and in particular, to a data display method and apparatus, and an electronic device.
Background
As networked data becomes richer, data searching becomes more and more important in order to get information of interest to users.
In the data searching process, a user can input a search keyword in a search box of a page displayed on the electronic equipment, and after the electronic equipment detects the search operation of the user, data objects related to the search keyword are displayed on the page. However, since there are many data objects related to the search keyword, the electronic device usually displays a filter button for filtering the data objects in the page while displaying the data objects in the page. In the related art, after detecting that the filter button is clicked, the electronic device displays all filter conditions for filtering the data object over the page in a floating manner. Furthermore, after the user selection operation about any one of the screening conditions is detected, the data objects related to the search keyword are further screened about the screening condition.
However, after the electronic device detects the target operation, all the screening conditions for screening the data objects are displayed in the page, and obviously, the screening conditions occupy a larger area of the page, so that the data objects in the page are shielded undoubtedly, the visibility of the data objects in the page is greatly reduced, and the search experience of the user is influenced.
Disclosure of Invention
The embodiment of the invention aims to provide a data display method, a data display device and electronic equipment, so as to improve the visibility of data objects in a page and further improve the search experience of a user. The specific technical scheme is as follows:
in a first aspect, an embodiment of the present invention provides a data display method applied to an electronic device, where the method includes:
after a page containing a screening button is displayed in the electronic equipment, detecting whether a screening instruction sent by a user is acquired or not, wherein the screening instruction is sent by clicking the screening button by the user;
after the screening instruction is acquired, displaying a plurality of category buttons with pull-down frame identifications in a first preset area in the page;
each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the first preset area is an area different from the area where the data object in the page is located according to the screening condition under the screening category corresponding to the category button.
Optionally, after the step of displaying a plurality of category buttons provided with drop-down box identifiers in a first predetermined area in the page, the method further includes:
when the screening instruction is obtained every time, the screening conditions under the screening categories corresponding to the category buttons are displayed above the page in a suspending manner;
each screening condition displayed above the page in a floating manner has relevance with the target option corresponding to the screening condition, and the target option corresponding to each screening condition is as follows: a pull-down option having the same filtering function as the filtering condition.
Optionally, after the step of displaying a plurality of category buttons provided with drop-down box identifiers in a first predetermined area in the page, the method further includes:
when the selection operation of any pull-down option is detected, displaying option content corresponding to the pull-down option in a second preset area in the page;
wherein the second predetermined area is a different area from the first predetermined area.
Optionally, a delete button is associated with each item content displayed in the second predetermined area;
the method further comprises the following steps:
when the clicking operation of any deleting button is detected, the deleting button in the second preset area and the option content associated with the deleting button are deleted, and the pull-down option corresponding to the option content associated with the deleting button is changed into an unselected state.
Optionally, a reset button for filtering condition resetting is further displayed in the page, and the method further includes:
when the clicking operation of the reset button is detected, all the option contents displayed in the second preset area are deleted, and the pull-down option corresponding to the deleted option contents is changed into an unselected state.
In a second aspect, an embodiment of the present invention provides a data display device applied to an electronic device, where the device includes:
the screening instruction detection module is used for detecting whether a screening instruction sent by a user is acquired or not after a page containing a screening button is displayed in the electronic equipment, wherein the screening instruction is sent by the user by clicking the screening button;
the category button display module is used for displaying a plurality of category buttons provided with drop-down box marks in a first preset area in the page after the screening instruction is obtained;
each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the first preset area is an area different from the area where the data object in the page is located according to the screening condition under the screening category corresponding to the category button.
Optionally, the apparatus further comprises:
the screening condition display module is used for displaying a plurality of screening conditions under the screening categories corresponding to the various category buttons in a suspended manner above the page when the screening instruction is obtained each time after the step of displaying the category buttons provided with the drop-down frame identifications in the first preset area in the page;
each screening condition displayed above the page in a floating manner has relevance with the target option corresponding to the screening condition, and the target option corresponding to each screening condition is as follows: a pull-down option having the same filtering function as the filtering condition.
Optionally, the apparatus further comprises:
the option content display unit is used for displaying option content corresponding to any pull-down option in a second preset area in the page when the selection operation of the pull-down option is detected after the step of displaying a plurality of category buttons provided with pull-down frame marks in the first preset area in the page;
wherein the second predetermined area is a different area from the first predetermined area.
Optionally, a delete button is associated with each item content displayed in the second predetermined area;
the device further comprises:
and the first deleting module is used for deleting the deleting button in the second preset area and the option content associated with the deleting button when the clicking operation of any deleting button is detected, and changing the pull-down option corresponding to the option content associated with the deleting button into an unselected state.
Optionally, a reset button for filtering condition resetting is further displayed in the page, and the apparatus further includes:
and the second deleting module is used for deleting all the option contents displayed in the second preset area and changing the pull-down options corresponding to the deleted option contents into unselected states when the clicking operation of the reset button is detected.
In a third aspect, an embodiment of the present invention provides an electronic device, including a processor, a communication interface, a memory, and a communication bus, where the processor and the communication interface complete communication between the memory and the processor through the communication bus;
a memory for storing a computer program;
and the processor is used for realizing the data display method of the first aspect when executing the program stored in the memory.
In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, where a computer program is stored in the computer-readable storage medium, and when the computer program is executed by a processor, the computer program implements the data display method according to the first aspect.
According to the technical scheme provided by the embodiment of the invention, after the electronic equipment receives the screening instruction, a plurality of category buttons provided with the drop-down box identifiers are displayed in the first preset area of the page instead of displaying all screening conditions in the page; and the category button is displayed in a first preset area of the page, the first preset area is different from a second preset area of the page where the data object is, and the category button does not shield the data object in the page, so that the visibility degree of the data object in the page is improved. And each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: the screening conditions under the screening categories corresponding to the category buttons can be expanded by clicking the drop-down box identifiers of the category buttons when a user selects the screening conditions under the screening categories corresponding to any category button; after the user selects the screening conditions under the screening categories corresponding to the category buttons, the screening conditions under the screening categories corresponding to the category buttons can be packed, so that the shielding of the screening conditions on the data objects can be reduced, and the visual degree of the data objects in the page is further improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a flowchart of a data display method according to an embodiment of the present invention;
fig. 2 is a schematic view of page display content after an electronic device obtains a screening instruction according to an embodiment of the present invention;
fig. 3 is a schematic diagram of a page display content after an electronic device detects an operation of clicking a drop-down box identifier according to an embodiment of the present invention;
fig. 4 is a schematic diagram illustrating a floating display of the screening conditions under the screening categories corresponding to the category buttons on a page according to an embodiment of the present invention;
FIG. 5 is a diagram illustrating contents of options displayed in a second predetermined area of a page according to an embodiment of the present invention;
fig. 6 is a schematic diagram of a data display device according to an embodiment of the present invention;
fig. 7 is a schematic diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
In order to improve the visibility of a data object in a page and further improve the search experience of a user, the embodiment of the invention provides a data display method and device and electronic equipment.
In a first aspect, a data display method provided by an embodiment of the present invention is described below.
It should be noted that the execution subject of the data display method provided by the embodiment of the present invention may be a data display apparatus, and the data display apparatus may be operated in an electronic device for data processing. The electronic device may be a terminal, a server, or the like, and the electronic device is not particularly limited in the embodiment of the present invention.
As shown in fig. 1, a data display method provided in an embodiment of the present invention may include the following steps:
s110, after a page containing a screening button is displayed in the electronic equipment, whether a screening instruction sent by a user is acquired or not is detected, wherein the screening instruction is sent by the user by clicking the screening button.
When a user needs to search data, a search keyword can be input in a search box of a page displayed on an electronic page; after the user inputs the search keyword, the user can click a search button; and after detecting the search operation of clicking the search button by the user, the electronic equipment displays the data object related to the search keyword in the page.
It should be noted that, in practical applications, after detecting a search operation in which a user clicks a search button, the electronic device may locally query a data object related to a search keyword, and display the data object related to the search keyword in the page. Of course, after detecting the search operation of the user clicking the search button, the electronic device may also send a search request to the background server, after receiving the search request, the server queries the data object related to the search keyword and sends the data object related to the search keyword to the electronic device, and after receiving the data object related to the search keyword, the electronic device displays the data object related to the search keyword in the page.
Since there are usually many data objects related to search keywords, data objects of interest to a user can be displayed in a page. Generally, the electronic device displays the data objects related to the search keywords on the page, and also displays a filter button for filtering the data objects on the page. When the user needs to further screen the data objects related to the search keyword, the user can click the screening button, and the electronic device can obtain the screening instruction. For example, as shown in fig. 2, a filtering button is displayed on the upper right of fig. 2, and when the user clicks the filtering button, the electronic device receives the filtering instruction.
And S120, after the screening instruction is acquired, displaying a plurality of category buttons provided with drop-down box marks in a first preset area in the page.
Each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the first preset area is an area different from the area where the data object in the page is located according to the screening condition under the screening category corresponding to the category button.
After the electronic device obtains the screening instruction, a plurality of category buttons provided with the pull frame identification can be displayed in a first preset area in the page, wherein the first preset area is different from an area where the data object in the page is located. Therefore, when the category button is displayed in the page, the data image in the page is not shielded by the category button, and the visibility of the data object in the page is improved. The embodiment of the present invention does not specifically limit the position and size of the first predetermined area.
And each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the screening conditions under the screening categories corresponding to the category buttons. In this way, when the various category buttons are displayed on the page, the user can intuitively see the filtering categories corresponding to each category button. When a user needs to further screen data objects related to the search keyword, the drop-down box button can be clicked, after the drop-down box button is clicked, the screening conditions under the screening categories corresponding to the category buttons can be displayed in a page, the user can click the screening conditions displayed in the page, and after the electronic equipment obtains an instruction of clicking the screening conditions by the user, the data objects screened by the screening conditions can be displayed in the page. And after clicking the screening conditions, the user can click the drop-down box button to collect the screening conditions under the screening categories corresponding to the category buttons.
For example, as shown in fig. 2, after the electronic device obtains the filtering instruction, 4 category buttons provided with drop-down box identifiers are sequentially displayed in a first predetermined area of a page from left to right, where the filtering categories corresponding to the 4 category buttons are: formatting status, device status, online status, maintenance status.
As shown in fig. 3, when the electronic device detects a first operation of the user, the first operation is: clicking the operation of the drop-down box identifier of the first category button from the left, wherein the option contents of the drop-down option corresponding to the drop-down box identifier can be displayed in the page, and the operation is as follows: all unformatted, formatting, waiting for database recovery, failed database recovery, scanning, formatted.
When the electronic equipment detects a second operation of the user, the second operation is as follows: clicking the operation of the drop-down box identifier of the second category button counted from the left, the option content of the drop-down option corresponding to the drop-down box identifier can be displayed in the page, and the operation is as follows: all, normal, read-only, unusable.
When the electronic equipment detects a third operation of the user, the third operation is as follows: clicking the drop-down box identifier of the third category button counted from the left, wherein the page may display the option contents of the drop-down option corresponding to the drop-down box identifier, which are respectively: all online, not online.
When the electronic equipment detects a fourth operation of the user, the fourth operation is as follows: clicking the drop-down box identifier of the fourth category button counted from the left, wherein the page can display the option contents of the drop-down option corresponding to the drop-down box identifier, which are respectively: all, closed, open.
In practical application, if the user needs to click the screening condition whose screening category is in a formatted state, the user can click the drop-down box identifier of the first category button from the left, and select the screening condition that the user needs to select from the screening conditions displayed in the page, such as "all, unformatted, formatting, waiting for database recovery, failed database recovery, scanning, formatted" and the like. Suppose that the filtering conditions clicked by the user are as follows: is being formatted, then the electronic device may display the data object being formatted in a page, among the data objects related to the search keyword. And after selecting the screening conditions required by the user, the user can click the drop-down box identifier of the first category button from the left again to pack the screening conditions displayed in the page.
According to the technical scheme provided by the embodiment of the invention, after the electronic equipment receives the screening instruction, a plurality of category buttons provided with the drop-down box identifiers are displayed in the first preset area of the page instead of displaying all screening conditions in the page; and the category button is displayed in a first preset area of the page, and the first preset area is different from a second preset area of the page of the data object, so that the category button does not shield the data object in the page, and the visibility degree of the data object in the page is improved. And each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: the screening conditions under the screening categories corresponding to the category buttons are expanded by clicking the drop-down box marks of the category buttons when the user selects the screening conditions under the screening categories corresponding to any category button; after the user selects the screening conditions under the screening categories corresponding to the category buttons, the screening conditions under the screening categories corresponding to the category buttons are packed, so that the shielding of the screening conditions on the data objects can be reduced, and the visual degree of the data objects in the page is further improved.
Because different users search for information in different search forms, the search experience of different users can be met. In one embodiment, after the step of displaying a plurality of category buttons provided with drop-down box identifiers in a first predetermined area in a page, the data display method may further include:
when a screening instruction is obtained each time, displaying the screening conditions under the screening categories corresponding to the category buttons above the page in a suspending manner;
each screening condition displayed above the page in a floating manner has relevance with the target option corresponding to the screening condition, and the target option corresponding to each screening condition is as follows: a pull-down option having the same filtering function as the filtering condition.
In this embodiment, after the electronic device displays a plurality of category buttons provided with drop-down box identifiers in a first predetermined area in a page, after the electronic device obtains a filtering instruction, the electronic device may also display filtering conditions in the filtering categories corresponding to the category buttons in a floating manner above the page. Therefore, the user can select the screening conditions required to be selected by the user by clicking the drop-down box identification of the category button, and can also directly select the screening conditions required to be selected from the screening conditions suspended above the page, so that the search requirements of different users can be met.
For example, as shown in fig. 4, after the electronic device displays a plurality of category buttons provided with drop-down box identifiers in a first predetermined area in a page, when the electronic device acquires a filtering instruction again, the filtering conditions under the filtering categories corresponding to the category buttons may be displayed above the page in a floating manner.
It should be noted that, for each filtering condition displayed above the page in a floating manner, the target option corresponding to the filtering condition has a correlation, where the target option corresponding to each filtering condition is: a pull-down option having the same filtering function as the filtering condition. For example, the filter condition "database waiting to be restored" hovered over the page is associated with the pull-down option "database waiting to be restored". Thus, while the filter condition "database waiting to be restored" floating above the page is in the selected state, the pull-down option "database waiting to be restored" is also in the selected state, as shown in fig. 4.
Through the technical scheme provided by the embodiment of the invention, after a user selects any screening condition suspended above a page or selects a target option corresponding to the screening condition, the electronic equipment can locally acquire the data object screened by the screening condition and display the screened data object in the page; or, the electronic device may send a search request to a backend server, and after receiving the search request, the backend server sends the data object filtered by the filtering condition to the electronic device, and the electronic device displays the received data object in a page.
In order to enable the user to intuitively and conveniently know the filtering condition which is selected, in one embodiment, after the step of displaying a plurality of category buttons provided with drop-down box identifications in a first predetermined area in the page, the data display method may further include:
when the selection operation of any pull-down option is detected, displaying option content corresponding to the pull-down option in a second preset area in the page;
wherein the second predetermined area is a different area from the first predetermined area.
In this embodiment, when the electronic device detects a selection operation of a pull-down option, option content corresponding to the pull-down option may be displayed in a second predetermined area of the page.
For example, as shown in fig. 5, the pull-down option "being formatted" corresponding to the formatting status, the pull-down option "unavailable" corresponding to the device status, and the pull-down option "online" corresponding to the online status are in the selected status. Then, the "formatting status: is being formatted; the equipment state: is not available; and (3) online state: online is displayed in the second area.
Therefore, according to the technical scheme provided by the embodiment of the invention, the selected screening conditions are displayed in the page, so that the user can conveniently and intuitively know the selected screening conditions.
In order to facilitate the user operation, in one embodiment, a delete button is associated with each option content displayed in the second predetermined area;
the data display method may further include:
when the clicking operation of any one deletion button is detected, the deletion button in the second preset area and the option content associated with the deletion button are deleted, and the pull-down option corresponding to the option content associated with the deletion button is changed into an unselected state.
In this embodiment, while the option contents are displayed in the second predetermined area in the page, a delete button may be associated with each option content displayed in the second predetermined area. When the user does not need to select the screening condition corresponding to any selected content, the user can click the deletion button corresponding to the selected content, and when the electronic equipment detects the click operation of any deletion button, the electronic equipment can delete the deletion button in the second predetermined area and the option content associated with the deletion button, and change the pull-down option corresponding to the option content associated with the deletion button into an unselected state.
It should be noted that, a deletion button associated with each displayed option content may display a vicinity of the option content, and the identification of the deletion button may be "x" or the like, as shown in fig. 5. The embodiment of the present invention does not specifically limit the specific position of the delete button and the identifier of the delete button.
It will be appreciated that after any option content displayed in the page is deleted, the data objects displayed on the page are changed accordingly.
Therefore, according to the technical scheme provided by the embodiment of the invention, the user can delete the option contents displayed in the page through the deletion button, and the pull-down options corresponding to the option contents associated with the deletion button are changed into the unselected state, so that the user can conveniently operate.
In practical applications, in the process of searching information, after the data objects are further filtered by the filtering conditions, the user may need to delete the selected filtering conditions to view the data objects related to the search keywords. The user is convenient for the user to operate, in one embodiment, a reset button for filtering the condition reset is further displayed in the page, and the data display method may further include:
when the clicking operation of the reset button is detected, all the option contents displayed in the second preset area are deleted, and the pull-down option corresponding to the deleted option contents is changed into an unselected state.
It should be noted that, in the embodiment of the present invention, the display area of the reset button in the page, and the shape, size, and identifier of the reset button are not specifically limited.
Therefore, through the technical scheme provided by the embodiment of the invention, the user can conveniently delete the selected screening condition, thereby checking the data object related to the search keyword.
In a second aspect, an embodiment of the present invention provides a data display apparatus applied to an electronic device, as shown in fig. 6, the apparatus including:
a screening instruction detecting module 610, configured to detect whether a screening instruction sent by a user is obtained after a page including a screening button is displayed in the electronic device, where the screening instruction is sent by the user by clicking the screening button;
a category button display module 620, configured to display, after the screening instruction is obtained, a plurality of category buttons with drop-down box identifiers in a first predetermined area in the page;
each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the first preset area is an area different from the area where the data object in the page is located according to the screening condition under the screening category corresponding to the category button.
According to the technical scheme provided by the embodiment of the invention, after the electronic equipment receives the screening instruction, a plurality of category buttons provided with the drop-down box identifiers are displayed in the first preset area of the page instead of displaying all screening conditions in the page; and the category button is displayed in a first preset area of the page, and the first preset area is different from a second preset area of the page of the data object, so that the category button does not shield the data object in the page, and the visibility degree of the data object in the page is improved. And each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: the screening conditions under the screening categories corresponding to the category buttons are expanded by clicking the drop-down box marks of the category buttons when the user selects the screening conditions under the screening categories corresponding to any category button; after the user selects the screening conditions under the screening categories corresponding to the category buttons, the screening conditions under the screening categories corresponding to the category buttons are packed, so that the shielding of the screening conditions on the data objects can be reduced, and the visual degree of the data objects in the page is further improved.
Optionally, the apparatus may further include:
the screening condition display module is used for displaying a plurality of screening conditions under the screening categories corresponding to the various category buttons in a suspended manner above the page when the screening instruction is obtained each time after the step of displaying the category buttons provided with the drop-down frame identifications in the first preset area in the page;
each screening condition displayed above the page in a floating manner has relevance with the target option corresponding to the screening condition, and the target option corresponding to each screening condition is as follows: a pull-down option having the same filtering function as the filtering condition.
Optionally, the apparatus may further include:
the option content display unit is used for displaying option content corresponding to any pull-down option in a second preset area in the page when the selection operation of the pull-down option is detected after the step of displaying a plurality of category buttons provided with pull-down frame marks in the first preset area in the page;
wherein the second predetermined area is a different area from the first predetermined area.
Optionally, a delete button is associated with each item content displayed in the second predetermined area;
the apparatus may further include:
and the first deleting module is used for deleting the deleting button in the second preset area and the option content associated with the deleting button when the clicking operation of any deleting button is detected, and changing the pull-down option corresponding to the option content associated with the deleting button into an unselected state.
Optionally, a reset button for filtering condition resetting is further displayed in the page, and the apparatus may further include:
and the second deleting module is used for deleting all the option contents displayed in the second preset area and changing the pull-down options corresponding to the deleted option contents into unselected states when the clicking operation of the reset button is detected.
In a third aspect, an embodiment of the present invention further provides an electronic device, as shown in fig. 7, including a processor 701, a communication interface 702, a memory 703 and a communication bus 704, where the processor 701, the communication interface 702, and the memory 703 complete mutual communication through the communication bus 704,
a memory 703 for storing a computer program;
the processor 701 is configured to implement the data display method according to the first aspect when executing the program stored in the memory 703.
The communication bus mentioned in the electronic device may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The communication bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus.
The communication interface is used for communication between the electronic equipment and other equipment.
The Memory may include a Random Access Memory (RAM) or a Non-Volatile Memory (NVM), such as at least one disk Memory. Optionally, the memory may also be at least one memory device located remotely from the processor.
The Processor may be a general-purpose Processor, including a Central Processing Unit (CPU), a Network Processor (NP), and the like; but may also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic device, discrete hardware component.
According to the technical scheme provided by the embodiment of the invention, after the electronic equipment receives the screening instruction, a plurality of category buttons provided with the drop-down box identifiers are displayed in the first preset area of the page instead of displaying all screening conditions in the page; and the category button is displayed in a first preset area of the page, and the first preset area is different from a second preset area of the page of the data object, so that the category button does not shield the data object in the page, and the visibility degree of the data object in the page is improved. And each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: the screening conditions under the screening categories corresponding to the category buttons are expanded by clicking the drop-down box marks of the category buttons when the user selects the screening conditions under the screening categories corresponding to any category button; after the user selects the screening conditions under the screening categories corresponding to the category buttons, the screening conditions under the screening categories corresponding to the category buttons are packed, so that the shielding of the screening conditions on the data objects can be reduced, and the visual degree of the data objects in the page is further improved.
In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, where a computer program is stored in the computer-readable storage medium, and when the computer program is executed by a processor, the computer program implements the data display method according to the first aspect.
According to the technical scheme provided by the embodiment of the invention, after the electronic equipment receives the screening instruction, a plurality of category buttons provided with the drop-down box identifiers are displayed in the first preset area of the page instead of displaying all screening conditions in the page; and the category button is displayed in a first preset area of the page, and the first preset area is different from a second preset area of the page of the data object, so that the category button does not shield the data object in the page, and the visibility degree of the data object in the page is improved. And each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: the screening conditions under the screening categories corresponding to the category buttons are expanded by clicking the drop-down box marks of the category buttons when the user selects the screening conditions under the screening categories corresponding to any category button; after the user selects the screening conditions under the screening categories corresponding to the category buttons, the screening conditions under the screening categories corresponding to the category buttons are packed, so that the shielding of the screening conditions on the data objects can be reduced, and the visual degree of the data objects in the page is further improved.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
All the embodiments in the present specification are described in a related manner, and the same and similar parts among the embodiments may be referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, as for the device, the electronic apparatus, and the storage medium embodiments, since they are substantially similar to the method embodiments, the description is relatively simple, and for the relevant points, reference may be made to the partial description of the method embodiments.
The above description is only for the preferred embodiment of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention shall fall within the protection scope of the present invention.
Claims (12)
1. A data display method is applied to electronic equipment, and the method comprises the following steps:
after a page containing a screening button is displayed in the electronic equipment, detecting whether a screening instruction sent by a user is acquired or not, wherein the screening instruction is sent by clicking the screening button by the user;
after the screening instruction is acquired, displaying a plurality of category buttons with pull-down frame identifications in a first preset area in the page;
each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the first preset area is an area different from the area where the data object in the page is located according to the screening condition under the screening category corresponding to the category button.
2. The method of claim 1, wherein after the step of displaying a plurality of category buttons provided with drop-down box identifiers in a first predetermined area of the page, the method further comprises:
when the screening instruction is obtained every time, the screening conditions under the screening categories corresponding to the category buttons are displayed above the page in a suspending manner;
each screening condition displayed above the page in a floating manner has relevance with the target option corresponding to the screening condition, and the target option corresponding to each screening condition is as follows: a pull-down option having the same filtering function as the filtering condition.
3. The method according to claim 1 or 2, characterized in that after the step of displaying a plurality of category buttons provided with drop-down box identifications in a first predetermined area in the page, the method further comprises:
when the selection operation of any pull-down option is detected, displaying option content corresponding to the pull-down option in a second preset area in the page;
wherein the second predetermined area is a different area from the first predetermined area.
4. The method according to claim 3, wherein each option content displayed in the second predetermined area is associated with a delete button;
the method further comprises the following steps:
when the clicking operation of any deleting button is detected, the deleting button in the second preset area and the option content associated with the deleting button are deleted, and the pull-down option corresponding to the option content associated with the deleting button is changed into an unselected state.
5. The method of claim 3, wherein a reset button for filtering conditional resets is further displayed in the page, the method further comprising:
when the clicking operation of the reset button is detected, all the option contents displayed in the second preset area are deleted, and the pull-down option corresponding to the deleted option contents is changed into an unselected state.
6. A data display device, applied to an electronic apparatus, the device comprising:
the screening instruction detection module is used for detecting whether a screening instruction sent by a user is acquired or not after a page containing a screening button is displayed in the electronic equipment, wherein the screening instruction is sent by the user by clicking the screening button;
the category button display module is used for displaying a plurality of category buttons provided with drop-down box marks in a first preset area in the page after the screening instruction is obtained;
each category button corresponds to a screening category, and the drop-down box of each category button identifies the option content of the corresponding drop-down option as follows: and the first preset area is an area different from the area where the data object in the page is located according to the screening condition under the screening category corresponding to the category button.
7. The apparatus of claim 6, further comprising:
the screening condition display module is used for displaying a plurality of screening conditions under the screening categories corresponding to the various category buttons in a suspended manner above the page when the screening instruction is obtained each time after the step of displaying the category buttons provided with the drop-down frame identifications in the first preset area in the page;
each screening condition displayed above the page in a floating manner has relevance with the target option corresponding to the screening condition, and the target option corresponding to each screening condition is as follows: a pull-down option having the same filtering function as the filtering condition.
8. The apparatus of claim 6 or 7, further comprising:
the option content display unit is used for displaying option content corresponding to any pull-down option in a second preset area in the page when the selection operation of the pull-down option is detected after the step of displaying a plurality of category buttons provided with pull-down frame marks in the first preset area in the page;
wherein the second predetermined area is a different area from the first predetermined area.
9. The apparatus according to claim 8, wherein each option content displayed in the second predetermined area is associated with a delete button;
the device further comprises:
and the first deleting module is used for deleting the deleting button in the second preset area and the option content associated with the deleting button when the clicking operation of any deleting button is detected, and changing the pull-down option corresponding to the option content associated with the deleting button into an unselected state.
10. The apparatus of claim 8, wherein a reset button for filtering conditional resets is further displayed in the page, the apparatus further comprising:
and the second deleting module is used for deleting all the option contents displayed in the second preset area and changing the pull-down options corresponding to the deleted option contents into unselected states when the clicking operation of the reset button is detected.
11. An electronic device is characterized by comprising a processor, a communication interface, a memory and a communication bus, wherein the processor and the communication interface are used for realizing mutual communication by the memory through the communication bus;
a memory for storing a computer program;
a processor for implementing the method steps of claims 1-5 when executing a program stored in a memory.
12. A computer-readable storage medium, characterized in that a computer program is stored in the computer-readable storage medium, which computer program, when being executed by a processor, carries out the method steps of claims 1-5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811287440.4A CN111124211A (en) | 2018-10-31 | 2018-10-31 | Data display method and device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811287440.4A CN111124211A (en) | 2018-10-31 | 2018-10-31 | Data display method and device and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111124211A true CN111124211A (en) | 2020-05-08 |
Family
ID=70485613
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811287440.4A Pending CN111124211A (en) | 2018-10-31 | 2018-10-31 | Data display method and device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111124211A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111913644A (en) * | 2020-07-29 | 2020-11-10 | 北京大麦地信息技术有限公司 | Line drawing method and device for whiteboard and readable storage medium |
| CN112214146A (en) * | 2020-09-08 | 2021-01-12 | 贝壳技术有限公司 | Data processing method and device, electronic equipment and storage medium |
| CN112800273A (en) * | 2021-02-05 | 2021-05-14 | 北京字节跳动网络技术有限公司 | Page content display method and terminal equipment |
| CN112925969A (en) * | 2021-03-23 | 2021-06-08 | 北京金山云网络技术有限公司 | Display method and device of search page |
| WO2022161488A1 (en) * | 2021-01-29 | 2022-08-04 | 北京字跳网络技术有限公司 | Information display method and apparatus, and electronic device |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103493001A (en) * | 2011-04-25 | 2014-01-01 | 索尼公司 | Display control device, display control method, and program |
| CN103885943A (en) * | 2012-12-19 | 2014-06-25 | 北大方正集团有限公司 | Method for achieving drop-down list box control in webpage |
| US20150213840A1 (en) * | 2014-01-30 | 2015-07-30 | International Business Machines Corporation | Dynamically creating video based on structured documents |
| CN105653140A (en) * | 2015-12-28 | 2016-06-08 | 网易（杭州）网络有限公司 | Tab page user-defined interaction method and system |
| CN106062711A (en) * | 2014-02-27 | 2016-10-26 | 起元技术有限责任公司 | Compound controls |
| CN106095255A (en) * | 2016-06-20 | 2016-11-09 | 武汉斗鱼网络科技有限公司 | A kind of drop-down menu display control method and device |
| CN107450807A (en) * | 2017-08-01 | 2017-12-08 | 武汉斗鱼网络科技有限公司 | Option synchronously chooses method and device |
-
2018
- 2018-10-31 CN CN201811287440.4A patent/CN111124211A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103493001A (en) * | 2011-04-25 | 2014-01-01 | 索尼公司 | Display control device, display control method, and program |
| CN103885943A (en) * | 2012-12-19 | 2014-06-25 | 北大方正集团有限公司 | Method for achieving drop-down list box control in webpage |
| US20150213840A1 (en) * | 2014-01-30 | 2015-07-30 | International Business Machines Corporation | Dynamically creating video based on structured documents |
| CN106062711A (en) * | 2014-02-27 | 2016-10-26 | 起元技术有限责任公司 | Compound controls |
| CN105653140A (en) * | 2015-12-28 | 2016-06-08 | 网易（杭州）网络有限公司 | Tab page user-defined interaction method and system |
| CN106095255A (en) * | 2016-06-20 | 2016-11-09 | 武汉斗鱼网络科技有限公司 | A kind of drop-down menu display control method and device |
| CN107450807A (en) * | 2017-08-01 | 2017-12-08 | 武汉斗鱼网络科技有限公司 | Option synchronously chooses method and device |
Non-Patent Citations (2)
| Title |
|---|
| 一个本科生的孤独: "Android常见多条件筛选菜单", 《HTTPS://BLOG.CSDN.NET/QQ_35114086/ARTICLE/DETAILS/70053766》 * |
| 苏美花子: "怎么有效利用淘宝筛选功能找到心仪产品", 《HTTPS://JINGYAN.BAIDU.COM/ARTICLE/7C6FB4282B196180642C90FB.HTML》 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111913644A (en) * | 2020-07-29 | 2020-11-10 | 北京大麦地信息技术有限公司 | Line drawing method and device for whiteboard and readable storage medium |
| CN112214146A (en) * | 2020-09-08 | 2021-01-12 | 贝壳技术有限公司 | Data processing method and device, electronic equipment and storage medium |
| WO2022161488A1 (en) * | 2021-01-29 | 2022-08-04 | 北京字跳网络技术有限公司 | Information display method and apparatus, and electronic device |
| CN112800273A (en) * | 2021-02-05 | 2021-05-14 | 北京字节跳动网络技术有限公司 | Page content display method and terminal equipment |
| CN112925969A (en) * | 2021-03-23 | 2021-06-08 | 北京金山云网络技术有限公司 | Display method and device of search page |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111124211A (en) | Data display method and device and electronic equipment | |
| US11301114B2 (en) | Method and apparatus for managing notification bar message | |
| US10482411B2 (en) | Dashboard for dynamic display of distributed transaction data | |
| EP2264623A1 (en) | Recommendation information generation apparatus and recommendation information generation method | |
| US8271951B2 (en) | System and methods for collecting software development feedback | |
| CN110826302A (en) | Questionnaire creating method, device, medium and electronic equipment | |
| US20170024228A1 (en) | Method and apparatus for recommending a solution based on a user operation behavior | |
| CN109388468B (en) | Multi-program window management method and device | |
| CN109240591B (en) | Interface display method and device | |
| US20120124068A1 (en) | Document management apparatus and method for controlling same | |
| CN105094569A (en) | Information prompting method and device and electronic equipment | |
| CN112083973A (en) | Window closing method and device, electronic equipment and storage medium | |
| CN105892792A (en) | Operation method of terminal equipment, and terminal equipment | |
| TW201409264A (en) | Method for sorting and managing websites and electronic device of executing the same | |
| CN106775351A (en) | A kind of information processing method and device, electronic equipment | |
| CN112912844A (en) | File collection method, file collection device and terminal equipment | |
| JP7235110B2 (en) | Operation log acquisition device, operation log acquisition method, and operation log acquisition program | |
| CN114519153B (en) | Webpage history record display method, device, equipment and storage medium | |
| CN112269869A (en) | Method and device for querying keywords | |
| CN112083974A (en) | Advertisement window closing method and device and electronic equipment | |
| CN110659096B (en) | Method, device, system and storage medium for displaying network topological graph | |
| CN112416499B (en) | Icon display method and device, electronic equipment and storage medium | |
| CN112328081A (en) | File searching method and device, electronic equipment and readable storage medium | |
| CN105635461A (en) | Information screening method and apparatus, and terminal | |
| CN108132746B (en) | Picture display method, device and equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200508 |
|
| RJ01 | Rejection of invention patent application after publication |