CN115577676A - Page table control method, device, equipment and storage medium - Google Patents
Page table control method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN115577676A CN115577676A CN202211564499.XA CN202211564499A CN115577676A CN 115577676 A CN115577676 A CN 115577676A CN 202211564499 A CN202211564499 A CN 202211564499A CN 115577676 A CN115577676 A CN 115577676A
- Authority
- CN
- China
- Prior art keywords
- control
- target
- column
- table column
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/242—Query formulation
- G06F16/2428—Query predicate definition using graphical user interfaces, including menus and forms
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- Computational Linguistics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Audiology, Speech & Language Pathology (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Human Computer Interaction (AREA)
- Mathematical Physics (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a page table control method, a device, equipment and a storage medium, which relate to the technical field of computer software and comprise the following steps: selecting and triggering a target control in a preset control group corresponding to a target table column, and acquiring a corresponding click event sent by the target control; the preset control group comprises a plurality of different types of controls; determining event attributes output by the click events, and determining corresponding control actions of the target control based on the event attributes; and executing the control operation corresponding to the control action on the target table column in the page table. According to the method and the device, the target table column is executed through the preset control for selecting and triggering the target table column in a user-defined mode, so that the corresponding control action of the target control is realized, the data screening and the data display of the target table column are realized, the problem that associated data for obtaining single data is not flexible and convenient is solved, and the diversification and the user-defined display of the table data are realized.
Description
Technical Field
The invention relates to the technical field of computer software, in particular to a page table control method, a page table control device, page table control equipment and a storage medium.
Background
The shadows of the form are everywhere visible as an important component of the page layout. The probability of the appearance of the table is very high, the arrangement layout of the content information, the display of a large amount of data and the placement of the buttons operated by a plurality of functions are generally used in the corresponding table, and the style types of the table are also various. Forms are often used in conjunction with other interface elements for exposing and manipulating structured data, and often for entry of detailed information. Generally, the composition elements and related elements of the table have a plurality of parts, and the table can be summarized into four parts, namely a screening area, a header, a text, a bottom column and the like according to the working experience of designing the table by self. However, in the prior art, the forms displayed on the page are all very fixed, and the acquisition of the associated data of single data is not flexible and convenient.
Disclosure of Invention
In view of this, the present invention provides a method, an apparatus, a device and a storage medium for controlling a page table, which can solve the problem that obtaining associated data of single data is inflexible and inconvenient, and implement diversification and customized display of table data. The specific scheme is as follows:
in a first aspect, the present application discloses a page table control method, including:
selecting and triggering a target control in a preset control group corresponding to a target table column, and acquiring a corresponding click event sent by the target control; the preset control group comprises a plurality of different types of controls;
determining event attributes output by the click event, and determining a control action corresponding to the target control based on the event attributes;
and executing the control operation corresponding to the control action on the target table column in the page table.
Optionally, the page table control method further includes:
custom-creating a head attribute of each table column in the page table; the header attribute is a column name of the corresponding table column;
and creating a head function corresponding to the head attribute of each table column based on the preset control group corresponding to the table column so as to display the preset control group corresponding to the table column in the page table.
Optionally, before creating the head function corresponding to the head attribute of each table column based on the preset control group corresponding to the table column, the method further includes:
setting a plurality of different types of controls corresponding to the table column and the control actions corresponding to the controls to form the preset control group corresponding to the table column.
Optionally, the determining an event attribute of the click event output to determine a corresponding control action of the target control based on the event attribute includes:
if the event attribute is a display associated column, determining that the control action corresponding to the target control is a display control action for displaying an associated table column of the target table column;
correspondingly, the executing, in the page table, the control operation corresponding to the control action on the target table column includes:
adding a plurality of table columns on the right side of the target table column in the page table, and displaying the data information of the associated table column in the plurality of table columns;
and executing control operation corresponding to the display control action on the target table column so as to set the current state of the associated table column to be a display state.
Optionally, the determining an event attribute of the click event output to determine a corresponding control action of the target control based on the event attribute includes:
if the event attribute is a hidden associated column, determining that the control action corresponding to the target control is a hidden control action for hiding an associated table column of the target table column;
correspondingly, the executing, in the page table, the control operation corresponding to the control action on the target table column includes:
the associated table column in the page table at the right side of the target table column in the display state is removed from the page table;
and executing control operation corresponding to the hidden control action on the target table column so as to set the current state of the associated table column to be a hidden state.
Optionally, the determining an event attribute of the click event output to determine a corresponding control action of the target control based on the event attribute includes:
if the event attribute is content sorting, determining that the control action corresponding to the target control is a sorting control action for sorting the target table column;
correspondingly, the executing the control operation corresponding to the control action on the target table column in the page table includes:
and performing sorting operation on the data content corresponding to the target table column in the page table based on a preset arrangement rule so as to execute control operation corresponding to the sorting control action on the target table column.
Optionally, after the performing the control operation corresponding to the control action on the target table column in the page table, the method further includes:
modifying the target control currently displayed by the target table column in the page table based on the current attribute parameters of the target table column; the current attribute parameters include a current state of an associated table column corresponding to the target table column.
In a second aspect, the present application discloses a page table control apparatus, comprising:
the control selection module is used for selecting and triggering a target control in a preset control group corresponding to a target table column and acquiring a corresponding click event sent by the target control; the preset control group comprises a plurality of different types of controls;
the action determining module is used for determining the event attribute output by the click event and determining the corresponding control action of the target control based on the event attribute;
and the operation execution module is used for executing the control operation corresponding to the control action on the target table column in the page table.
In a third aspect, the present application discloses an electronic device, comprising:
a memory for storing a computer program;
and the processor is used for executing the computer program to realize the page table control method.
In a fourth aspect, the present application discloses a computer-readable storage medium for storing a computer program which, when executed by a processor, implements the aforementioned page table control method.
The method includes the steps that firstly, a target control in a preset control group corresponding to a target table column is selected and triggered, and a corresponding click event sent by the target control is obtained; the preset control group comprises a plurality of different types of controls; determining event attributes output by the click event, and determining a control action corresponding to the target control based on the event attributes; and executing the control operation corresponding to the control action on the target table column in the page table. Therefore, according to the method and the device, the target control in the target table column is selected, the corresponding event attribute of the target control is obtained to determine the corresponding control action, and finally the control operation is performed on the target table column based on the control action.
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 embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.
FIG. 1 is a flowchart of a page table control method disclosed in the present application;
FIG. 2 is a flowchart of a specific page table control method disclosed in the present application;
FIG. 3 is a schematic diagram of a header attribute of a page table disclosed in the present application;
FIG. 4 is an operational diagram of a display association column as disclosed herein;
FIG. 5 is an operational diagram of a display association column as disclosed herein;
FIG. 6 is a flowchart of a specific page table control method disclosed herein;
FIG. 7 is a flowchart of a specific page table control method disclosed herein;
FIG. 8 is a schematic diagram of a page table control apparatus according to the present disclosure;
fig. 9 is a block diagram of an electronic device disclosed in the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, 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 application.
The shadow of the form is everywhere visible as an important component of the page layout. The probability of the appearance of the table is very high, the arrangement layout of the content information, the display of a large amount of data and the placement of the buttons operated by a plurality of functions are generally used in the corresponding table, and the style types of the table are also various. Forms are often used in conjunction with other interface elements to present and manipulate structured data, and often to provide entry of detailed information. Generally, the composition elements and related elements of the table have a plurality of parts, and the table can be summarized into four parts, namely a screening area, a header, a text and a bottom column according to the working experience of designing the table by self. However, in the prior art, the forms displayed on the page are very fixed, and the acquisition of the associated data of single data is not flexible and convenient.
Referring to fig. 1, the embodiment of the present application discloses a page table control method, including:
step S11: selecting and triggering a target control in a preset control group corresponding to a target table column, and acquiring a corresponding click event sent by the target control; the preset control group comprises a plurality of different types of controls.
In this embodiment, a target control in a preset control group corresponding to a target table column is selected and triggered in a page table, and a corresponding click event sent by the target control is obtained, where the preset control group includes several different types of controls, that is, one or more controls with different functions, including but not limited to displaying an associated column, hiding the associated column, sorting content, positioning, setting a current icon, and the like, and a user may set the control corresponding to the target table column in advance based on a need of the user to form a corresponding preset control group, and it can be understood that the preset control groups corresponding to each table column in the page table are different from each other.
Step S12: and determining the event attribute output by the click event, and determining the corresponding control action of the target control based on the event attribute.
In this embodiment, after receiving a corresponding click event sent by the target control, the corresponding click event is transmitted to a DOM (Document Object Model) of the target table column, where the DOM includes attributes such as a class name and the like as transmission parameters, and a corresponding event attribute (even attribute) is output by using the click event, where the event attribute may be one column added or one column reduced, or may be sorting, positioning, and the like, and then a corresponding control action of the target control is determined based on the event attribute, and the control action may be displaying an associated column, hiding an associated column, sorting, and the like. Wherein part of the codes of the click events are as follows:
step S13: and executing the control operation corresponding to the control action on the target table column in the page table.
In this embodiment, after determining that a corresponding control action needs to be performed on the target control, a control operation corresponding to the control action is performed on the target table column in the page table, where the control operation includes, but is not limited to, displaying or hiding an associated table column of the target table column, sorting the target table column, and the like, and a user may customize a control and a corresponding control action to perform the corresponding control operation, so that one or more different types of controls are set for each target table column in advance, corresponding control attributes are defined, and data screening and data display of the target table column and one or more associated columns are implemented.
As can be seen, in the present embodiment, a target control in a preset control group corresponding to a target table column is selected and triggered, and a corresponding click event sent by the target control is obtained; the preset control group comprises a plurality of different types of controls; determining event attributes output by the click events, and determining corresponding control actions of the target control based on the event attributes; and executing the control operation corresponding to the control action on the target table column in the page table. Therefore, in the embodiment, the target controls in the target table column are selected, the event attributes corresponding to the target controls are obtained to determine the corresponding control actions, and finally the control operation is performed on the target table column based on the control actions, so that the control operation on the target table column is realized through the preset control group corresponding to each target table column facility, the problems of inflexibility, inconvenience and the like when associated data of single data is obtained are avoided, the flexibility and operability of the page table are greatly improved, and the use experience of a user is improved.
With reference to the above embodiments, in the present application, corresponding control operations may be performed on a target table column by obtaining a control action of a target control, where the control action includes a control action of displaying an associated column, and then, detailed descriptions are provided for design of a table header and the control and operation of displaying the associated column. Referring to fig. 2, an embodiment of the present application discloses a specific page table control method, including:
step S21: the method comprises the steps of self-defining and creating a head attribute of each table column in a page table; the header attribute is a column name of the corresponding table column.
In this embodiment, before designing an overall page table, it is necessary to custom-create a header attribute of each table column in the page table, that is, define a column name of each table column, and it can be understood that a table header refers to a header of a page table, and fig. 3 is a schematic diagram of the table header. It should be noted that all the header attributes defined in this step are headers of fixed table columns in the page table, that is, lists and column names that are not changed due to the control action, and because some table columns have corresponding associated table columns, the associated table columns corresponding to the target table column can be expanded and displayed or hidden in the page table by the present solution, but the header attributes set in this step do not change with the expansion of the associated table columns, that is, the header attributes are fixed table columns of the page table. Part of the code in which the header attributes are created is as follows:
{
title: i18n.t('inspectShopTask.inspectPeople'),
key: 'userName',
keyWord: 'userName',
align: 'center',
tooltip: true,
renderHeader: (h, params) => {
return createTableHeaderTooltip(
h,
params,
400,
i18n.t('inspectShopTask.inspectPeople'),
'',
'md-add',
scope.showRoleCoulumn
);
},
width: 100,
resizable: true,
}
step S22: setting a plurality of different types of controls corresponding to the table columns and the control actions corresponding to the controls to form preset control groups corresponding to the table columns.
In this embodiment, after determining all fixed table columns in the page table, a plurality of different types of controls corresponding to the table columns and control actions corresponding to the controls need to be set to form preset control groups corresponding to the table columns, a user may set a corresponding control for an operation performed on a table column as needed, certainly, if a control operation is not required for a certain table column, the user may not set a control for the table column, and may set corresponding controls and control attributes and the like in a customized manner based on a control operation requirement on the table column, where the control attributes include, but are not limited to, control icons, control actions and the like, so that one or more different types of controls are set for each table column, and the control attributes are defined to implement the control operation on the table column.
Step S23: and creating a head function corresponding to the head attribute of each table column based on the preset control group corresponding to the table column so as to display the preset control group corresponding to the table column in the page table.
In this embodiment, a head function corresponding to a head attribute of the table column is created based on a corresponding preset control group set in the table column, the head function is used for rendering the table head, and a parameter is introduced to determine a control icon used by the table head of the column and a name of the column, where a click event is also bound when the head function is rendered, that is, when the head function is created, the control icon corresponding to the preset control group is created in the head function to display the preset control group corresponding to the table column in the page table, and the control is bound with the click event in the head function, so that attributes such as a control action of the corresponding clicked control can be obtained based on the click event. Wherein part of the code for creating the head function is as follows:
function createTableHeaderTooltip(
h,
params,
maxWidth,
headerText,
tooltipText,
icon,
func
) {
const iconAlertObject = {
attrs: {
type: icon||'md-alert',
},
style: {
color: '#f90',
fontSize: '18px',
top: '-2px',
position: 'relative',
marginRight: '2px',
verticalAlign: 'middle',
display:'inline-block',
cursor:'pointer',
}
};
step S24: selecting and triggering a target control in a preset control group corresponding to a target table column, and acquiring a corresponding click event sent by the target control.
Step S25: and determining the event attribute output by the click event, and if the event attribute is a display associated column, determining that the control action corresponding to the target control is a display control action for displaying an associated table column of the target table column.
In this embodiment, after a click event sent by a target control is obtained, an event attribute output by the click event is determined, and if the event attribute is a display associated column, a control action corresponding to the target control is determined to be a display control action for displaying an associated table column of the target table column, that is, a corresponding control operation can be performed on the target table column in a page table.
Step S26: adding a plurality of table columns on the right side of the target table column in the page table, and displaying the data information of the associated table column in the plurality of table columns.
In this embodiment, when the operation of controlling the display of the associated table column is performed, it is first required to determine whether the current state of the associated table column is the display state, if not, add a plurality of table columns to the right side of the target table column in the page table, and display the data information of the associated table column in the plurality of table columns, if so, it indicates that the associated table column is already displayed currently, and the operation of subsequently adding and displaying the table column is not required. It is understood that the associated table column of the target table column may be one or more columns, so that when creating the table column, the number of created table columns may be determined according to the number of associated table column columns. Therefore, data display operation on the associated table columns of the target table column can be achieved through the control, the corresponding attributes of the associated columns are modified to carry out data display after the control is clicked, the user-defined dynamic increase and decrease of the table columns of the header are achieved, and the problem of inconsistency of class name acquisition caused by dynamic increase and decrease of the table columns is avoided due to the fact that the associated columns are controlled by the related target table columns.
Step S27: and executing control operation corresponding to the display control action on the target table column so as to set the current state of the associated table column to be a display state.
In this embodiment, the control operation corresponding to the display control action is executed on the target table column, and when the operation is completed, the current state of the associated table column is set to be the display state, and the associated table column state is updated in time, so that when the corresponding control is selected again or the control of the associated column is hidden in the following process, the latest associated table column state is obtained, and the corresponding operation is executed based on the associated table column state.
Step S28: modifying the target control currently displayed in the target table column in the page table based on the current attribute parameters of the target table column; the current attribute parameters include a current state of an associated table column corresponding to the target table column.
In this embodiment, after the corresponding control operation is performed, a modification operation is performed on the control icon of the target control currently displayed in the target table column in the page table based on the current attribute parameter of the target table column, that is, after the corresponding associated column display operation is performed, if the current state of the associated table column corresponding to the target table column is the display state, the control icon representing the displayed associated column originally displayed on the page table is modified from "+" to "-" representing the hidden associated column, so that the corresponding hidden associated column operation can be performed by selecting the control representing the hidden associated column in the following process. It is understood that the display associated column is associated with the hidden associated column. For example, the current page table defaults not to display the A1 column, defaults that the control icon of the a column is "+", the a column needs to be added when the a column is clicked, at this time, whether the clicked column is the a column is judged, if yes, the A1 column is judged to be in a display state or a hidden state, if the a column is in the hidden state, the display operation is carried out on the column, and meanwhile, the control icon of the a column is changed and displayed to be "-". As shown in fig. 4 and 5, when the control "+" in the "inspector" table column is clicked, the associated table column "role" in the "inspector" table column is expanded and displayed in the page table, and at this time, the control icon of the inspector is changed to "-". The partial code in which the association column is expanded is as follows:
v/expand stow role
showRoleCoulumn(event) {
First, whether there is a class name is judged
if(!event.target.getAttributeNode('class'))return
// data is bigger, iView redraws table needs time, add a loading effect
this.loading = true;
setTimeout(() => {
this.loading = false;
}, 3000);
Whether or not the interpretation role has been exposed
if (!this.isShowRole) {
// set roles is show
this.isShowRole = true;
I/get index, add after which column
let index = this.displayTableColumn.findIndex(item => {
return item.key === 'userName';
});
// defining role column contents
let col = {
title: i18n.t('inspectShopTask.role'),
key: 'roles',
keyWord: 'roles',
align: 'center',
tooltip: true,
minWidth: 85,
};
// adding a column behind the inspector
this.displayTableColumn.splice(index + 1, 0, col);
// setting the icon of the currently clicked column as-
event.target.className = 'ivu-icon ivu-icon-md-remove';
} else {
For the specific process of step S24, reference may be made to corresponding contents disclosed in the foregoing embodiments, and details are not repeated herein.
It can be seen that in the present embodiment, by setting a preset control group for a table column in advance, defining the corresponding attributes of a control, implementing data screening and data display operations of the table column and one or more corresponding associated table columns, and modifying the attributes of the corresponding associated column after clicking the control to perform corresponding control operations, and implementing user-defined header dynamic addition and subtraction of the table column, because the associated column is controlled by the related table column, inconsistency of obtaining a class name due to dynamic addition and subtraction of the column when obtaining the class name can be avoided, problems of insufficient flexibility and convenience in obtaining associated data of single data are also avoided, and the use experience of a user is improved.
Based on the above embodiments, the present application may implement a control operation of displaying the associated column, and a hidden associated column operation is also performed corresponding to the displayed associated column, and a detailed description will be given below of a control operation process of hiding the associated column. Referring to fig. 6, an embodiment of the present application discloses a specific page table control method, including:
step S31: selecting and triggering a target control in a preset control group corresponding to a target table column, and acquiring a corresponding click event sent by the target control.
Step S32: and determining an event attribute output by the click event, and if the event attribute is a hidden associated column, determining that a control action corresponding to the target control is a hidden control action for hiding an associated table column of the target table column.
In this embodiment, if the event attribute is a hidden associated column, it is determined that the control action corresponding to the target control is a hidden control action for hiding an associated table column of the target table column, so as to execute a corresponding hidden associated column control operation.
Step S33: and the associated table column in the display state at the right side of the target table column in the page table is removed from the page table.
In this embodiment, after it is determined that the hidden associated column control operation needs to be performed, it is first determined whether the current state of the associated table column is the display state, if so, the associated table column in the display state on the right side of the target table column in the page table is removed from the page table, and it is pointed out that the column number of the associated table column may be determined based on the table index number of the target table column and the column number of the associated table column corresponding to the target table column, so as to determine the table column that needs to be removed from the page table based on the column number, for example, if the column number of the target table column is 1 and the associated table column corresponding to the target table column has 2 columns, it may be determined that 1+1 and 1+2, that is, two table columns with column numbers of 2 and 3 are associated table columns of the target table column, that is, that the corresponding associated table column may be removed from the page table.
Step S34: and executing a control operation corresponding to the hidden control action on the target table column so as to set the current state of the associated table column to be a hidden state.
In this embodiment, a control operation corresponding to the hidden control action is performed on the target table column, so as to set the current state of the associated table column to be a hidden state.
Step S35: modifying the target control currently displayed by the target table column in the page table based on the current attribute parameters of the target table column; the current attribute parameters include a current state of an associated table column corresponding to the target table column.
In this embodiment, after the control operation of hiding the associated column is performed, the state of the currently associated table column is changed to the hidden state, and correspondingly, the target control currently displayed in the target table column in the page table needs to be changed from "-" to "+". Referring to fig. 8, which shows the displayed associated table column, the hidden state shown in fig. 7 can be recovered after clicking the "-" control icon in the figure.
For the specific process of step S31, reference may be made to corresponding contents disclosed in the foregoing embodiments, and details are not repeated herein.
Therefore, the table columns to be hidden can be determined based on the column numbers of the target table columns and the column numbers of the associated table columns, and the corresponding associated column hiding operation is performed, so that the associated table columns of the target table columns can be displayed and simultaneously can be hidden, the function of the user-defined control is enriched, the function is more complete, and the use experience of the user is improved.
Based on the above embodiments, the present application may display the association column and hide the association column, and may also sort the target table column, which will be described in detail below. Referring to fig. 7, the embodiment of the present application discloses a specific page table control method, including:
step S41: selecting and triggering a target control in a preset control group corresponding to a target table column, and acquiring a corresponding click event sent by the target control.
Step S42: and determining the event attribute output by the click event, and if the event attribute is content sorting, determining that the control action corresponding to the target control is a sorting control action for sorting the target table column.
In this embodiment, if the event attribute is content sorting, it may be determined that the control action corresponding to the target control is a sorting control action for sorting the target table column, so as to execute a corresponding sorting operation.
Step S43: and performing sorting operation on the data content corresponding to the target table column in the page table based on a preset arrangement rule so as to execute control operation corresponding to the sorting control action on the target table column.
In this embodiment, a sorting operation is performed on the data content corresponding to the target table column in the page table based on a preset sorting rule to execute a control operation corresponding to the sorting control action, where the preset sorting rule may be written in the control in advance, and may be that the data is sorted from large to small or from small to large.
For the specific process of step S41, reference may be made to corresponding contents disclosed in the foregoing embodiments, and details are not repeated here.
Therefore, in the embodiment, the corresponding controls are selected to be sorted, and the target table columns are sorted based on the preset sorting rule, so that the data screening operation of the target table columns and the customization of the controls are realized, and the use experience of a user is improved.
Referring to fig. 8, an embodiment of the present application further discloses a page table control apparatus, which includes:
the control selection module 11 is configured to select and trigger a target control in a preset control group corresponding to a target table column, and acquire a corresponding click event sent by the target control; the preset control group comprises a plurality of different types of controls;
the action determining module 12 is configured to determine an event attribute output by the click event, and determine a control action corresponding to the target control based on the event attribute;
and the operation executing module 13 is configured to execute a control operation corresponding to the control action on the target table column in the page table.
As can be seen, in the present embodiment, a target control in a preset control group corresponding to a target table column is selected and triggered, and a corresponding click event sent by the target control is obtained; the preset control group comprises a plurality of different types of controls; determining event attributes output by the click event, and determining a control action corresponding to the target control based on the event attributes; and executing the control operation corresponding to the control action on the target table column in the page table. Therefore, in the embodiment, the target controls in the target table column are selected, the event attributes corresponding to the target controls are obtained to determine the corresponding control actions, and finally the control operation is performed on the target table column based on the control actions, so that the control operation on the target table column is realized through the preset control group corresponding to each target table column facility, the problems of inflexibility, inconvenience and the like when associated data of single data is obtained are avoided, the flexibility and operability of the page table are greatly improved, and the use experience of a user is improved.
In some specific embodiments, the page table control device may further include:
the head attribute creating module is used for creating the head attribute of each table column in the page table in a self-defining manner; the header attribute is a column name of the corresponding table column;
and the head function creating module is used for creating a head function corresponding to the head attribute of each table column based on the preset control group corresponding to the table column so as to display the preset control group corresponding to the table column in the page table.
In some specific embodiments, the page table control apparatus may further include:
and the control setting module is used for setting a plurality of different types of controls corresponding to the table column and the control actions corresponding to the controls to form the preset control group corresponding to the table column.
In some specific embodiments, the action determining module 12 may specifically include:
a display control action determining unit, configured to determine, if the event attribute is a display associated column, that the control action corresponding to the target control is a display control action for displaying an associated table column of the target table column;
correspondingly, the operation executing module 13 may specifically include:
a table column display unit, configured to add a plurality of table columns to the right side of the target table column in the page table, and display the data information of the associated table column in the plurality of table columns;
and the first state setting unit is used for executing control operation corresponding to the display control action on the target table column so as to set the current state of the associated table column as a display state.
In some specific embodiments, the action determining module 12 may specifically include:
a hidden control action determining unit, configured to determine, if the event attribute is a hidden associated column, that a control action corresponding to the target control is a hidden control action for hiding an associated table column of the target table column;
correspondingly, the operation executing module 13 may specifically include:
a table column removing unit configured to remove, from the page table, the associated table column in the display state on the right side of the target table column in the page table;
and the second state setting unit is used for executing control operation corresponding to the hiding control action on the target table column so as to set the current state of the associated table column to be a hidden state.
In some specific embodiments, the action determining module 12 may specifically include:
and the sequencing control action determining unit is used for determining that the control action corresponding to the target control is a sequencing control action for sequencing the target table column if the event attribute is content sequencing.
Correspondingly, the operation executing module 13 may specifically include:
and the table column sorting unit is used for carrying out sorting operation on the data content corresponding to the target table column in the page table based on a preset arrangement rule so as to execute control operation corresponding to the sorting control action on the target table column.
In some specific embodiments, the page table control device may further include:
the control modification unit is used for modifying the target control currently displayed in the target table column in the page table based on the current attribute parameter of the target table column; the current attribute parameters include a current state of an associated table column corresponding to the target table column.
Further, an electronic device is disclosed in the embodiments of the present application, and fig. 9 is a block diagram of an electronic device 20 according to an exemplary embodiment, which should not be construed as limiting the scope of the application.
Fig. 9 is a schematic structural diagram of an electronic device 20 according to an embodiment of the present disclosure. The electronic device 20 may specifically include: at least one processor 21, at least one memory 22, a power supply 23, a communication interface 24, an input output interface 25, and a communication bus 26. The memory 22 is used for storing a computer program, and the computer program is loaded and executed by the processor 21 to implement the relevant steps in the page table control method disclosed in any of the foregoing embodiments. In addition, the electronic device 20 in the present embodiment may be specifically an electronic computer.
In this embodiment, the power supply 23 is configured to provide a working voltage for each hardware device on the electronic device 20; the communication interface 24 can create a data transmission channel between the electronic device 20 and an external device, and a communication protocol followed by the communication interface is any communication protocol that can be applied to the technical solution of the present application, and is not specifically limited herein; the input/output interface 25 is configured to obtain external input data or output data to the outside, and a specific interface type thereof may be selected according to specific application requirements, which is not specifically limited herein.
In addition, the storage 22 is used as a carrier for storing resources, and may be a read-only memory, a random access memory, a magnetic disk or an optical disk, etc., and the resources stored thereon may include an operating system 221, a computer program 222, etc., and the storage manner may be a transient storage manner or a permanent storage manner.
The operating system 221 is used for managing and controlling each hardware device on the electronic device 20 and the computer program 222, and may be Windows Server, netware, unix, linux, or the like. The computer programs 222 may further include computer programs that can be used to perform other specific tasks in addition to the computer programs that can be used to perform the page table control method performed by the electronic device 20 disclosed in any of the foregoing embodiments.
Further, the present application also discloses a computer-readable storage medium for storing a computer program; wherein the computer program when executed by a processor implements the page table control method disclosed above. For the specific steps of the method, reference may be made to corresponding contents disclosed in the foregoing embodiments, and details are not repeated here.
The embodiments are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same or similar parts among the embodiments are referred to each other. The device disclosed by the embodiment corresponds to the method disclosed by the embodiment, so that the description is simple, and the relevant points can be referred to the method part for description.
Those of skill would further appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative components and steps have been described above generally in terms of their functionality in order to clearly illustrate this interchangeability of hardware and software. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the technical solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. A software module may reside in Random Access Memory (RAM), memory, read-only memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
Finally, it should also be noted that, in this document, relational terms such as first and second, and the like are 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 phrases "comprising one of 8230; \8230;" 8230; "does not exclude the presence of additional like elements in a process, method, article, or apparatus that comprises the element.
The technical solutions provided by the present application are introduced in detail above, and specific examples are applied in the present application to explain the principles and embodiments of the present application, and the descriptions of the above examples are only used to help understanding the method and the core ideas of the present application; meanwhile, for a person skilled in the art, according to the idea of the present application, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present application.
Claims (10)
1. A page table control method is characterized by comprising the following steps:
selecting and triggering a target control in a preset control group corresponding to a target table column, and acquiring a corresponding click event sent by the target control; the preset control group comprises a plurality of different types of controls;
determining event attributes output by the click events, and determining corresponding control actions of the target control based on the event attributes;
and executing the control operation corresponding to the control action on the target table column in the page table.
2. The page table control method according to claim 1, further comprising:
the head attribute of each table column in the page table is created in a self-defined mode; the header attribute is a column name of the corresponding table column;
and creating a head function corresponding to the head attribute of each table column based on the preset control group corresponding to the table column so as to display the preset control group corresponding to the table column in the page table.
3. The page table control method according to claim 2, wherein before creating the head function corresponding to the head attribute of each of the table columns based on the preset control group corresponding to the table column, the method further comprises:
setting a plurality of different types of controls corresponding to the table columns and the control actions corresponding to the controls to form the preset control group corresponding to the table columns.
4. The page form control method of claim 1, wherein the determining an event property of the click event output to determine a corresponding control action of the target control based on the event property comprises:
if the event attribute is a display association column, determining that the control action corresponding to the target control is a display control action for displaying an association table column of the target table column;
correspondingly, the executing the control operation corresponding to the control action on the target table column in the page table includes:
adding a plurality of table columns on the right side of the target table column in the page table, and displaying the data information of the associated table column in the plurality of table columns;
and executing the control operation corresponding to the display control action on the target table column so as to set the current state of the associated table column to be the display state.
5. The page form control method of claim 1, wherein the determining an event property of the click event output to determine a corresponding control action of the target control based on the event property comprises:
if the event attribute is a hidden associated column, determining that the control action corresponding to the target control is a hidden control action for hiding an associated table column of the target table column;
correspondingly, the executing, in the page table, the control operation corresponding to the control action on the target table column includes:
the associated table column in the page table at the right side of the target table column in the display state is removed from the page table;
and executing a control operation corresponding to the hidden control action on the target table column so as to set the current state of the associated table column to be a hidden state.
6. The page form control method of claim 1, wherein the determining an event property of the click event output to determine a corresponding control action of the target control based on the event property comprises:
if the event attribute is content sorting, determining that the control action corresponding to the target control is a sorting control action for sorting the target table column;
correspondingly, the executing, in the page table, the control operation corresponding to the control action on the target table column includes:
and performing sorting operation on the data content corresponding to the target table column in the page table based on a preset arrangement rule so as to execute control operation corresponding to the sorting control action on the target table column.
7. The page table control method according to any one of claims 1 to 6, wherein after the control operation corresponding to the control action is performed on the target table column in the page table, the method further comprises:
modifying the target control currently displayed by the target table column in the page table based on the current attribute parameters of the target table column; the current attribute parameters include a current state of an associated table column corresponding to the target table column.
8. A page table control apparatus, comprising:
the control selection module is used for selecting and triggering a target control in a preset control group corresponding to a target table column and acquiring a corresponding click event sent by the target control; the preset control group comprises a plurality of different types of controls;
the action determining module is used for determining the event attribute output by the click event and determining the corresponding control action of the target control based on the event attribute;
and the operation execution module is used for executing the control operation corresponding to the control action on the target table column in the page table.
9. An electronic device, comprising:
a memory for storing a computer program;
a processor for executing the computer program to implement the page table control method of any of claims 1 to 7.
10. A computer-readable storage medium for storing a computer program which, when executed by a processor, implements the page table control method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211564499.XA CN115577676B (en) | 2022-12-07 | 2022-12-07 | Page table control method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211564499.XA CN115577676B (en) | 2022-12-07 | 2022-12-07 | Page table control method, device, equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115577676A true CN115577676A (en) | 2023-01-06 |
| CN115577676B CN115577676B (en) | 2023-03-28 |
Family
ID=84590536
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211564499.XA Active CN115577676B (en) | 2022-12-07 | 2022-12-07 | Page table control method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115577676B (en) |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103593473A (en) * | 2013-11-28 | 2014-02-19 | 国家电网公司 | Form displaying method and system |
| CN105474163A (en) * | 2013-06-14 | 2016-04-06 | 微软技术许可有限责任公司 | Natural quick function gestures |
| US20160224618A1 (en) * | 2015-01-30 | 2016-08-04 | Splunk Inc. | Cell-based table manipulation of event data |
| CN107506457A (en) * | 2017-08-29 | 2017-12-22 | 姜博 | A kind of method and apparatus of data processing |
| US20180349338A1 (en) * | 2017-06-02 | 2018-12-06 | Microsoft Technology Licensing, Llc | Visualization between input table and pivoted results |
| CN110705226A (en) * | 2019-08-22 | 2020-01-17 | 平安科技（深圳）有限公司 | Spreadsheet creating method and device and computer equipment |
| CN112558967A (en) * | 2020-12-15 | 2021-03-26 | 中国建设银行股份有限公司 | Page automatic generation method and device, electronic equipment and storage medium |
| CN112631566A (en) * | 2020-12-28 | 2021-04-09 | 航天信息股份有限公司 | Code generation method and device, storage medium and electronic equipment |
| CN112799564A (en) * | 2020-07-14 | 2021-05-14 | 珠海金山办公软件有限公司 | Method, device, electronic equipment and medium for inserting control in table |
| CN112989776A (en) * | 2021-03-03 | 2021-06-18 | 远光软件股份有限公司 | Method and device for adjusting table columns, storage medium and terminal equipment |
| CN113656487A (en) * | 2021-07-28 | 2021-11-16 | 北京数码大方科技股份有限公司 | Object data display method and object data display device in information system |
| CN113743067A (en) * | 2021-09-18 | 2021-12-03 | 中电科蓉威电子技术有限公司 | Method for expanding function of jQuery table plug-in unit |
| CN114757159A (en) * | 2022-04-22 | 2022-07-15 | 优捷特清洁能源有限公司 | Packaging development method and system of multifunctional data table component |
-
2022
- 2022-12-07 CN CN202211564499.XA patent/CN115577676B/en active Active
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105474163A (en) * | 2013-06-14 | 2016-04-06 | 微软技术许可有限责任公司 | Natural quick function gestures |
| CN103593473A (en) * | 2013-11-28 | 2014-02-19 | 国家电网公司 | Form displaying method and system |
| US20160224618A1 (en) * | 2015-01-30 | 2016-08-04 | Splunk Inc. | Cell-based table manipulation of event data |
| US20160224631A1 (en) * | 2015-01-30 | 2016-08-04 | Splunk Inc. | Runtime permissions of queries |
| US20180349338A1 (en) * | 2017-06-02 | 2018-12-06 | Microsoft Technology Licensing, Llc | Visualization between input table and pivoted results |
| CN107506457A (en) * | 2017-08-29 | 2017-12-22 | 姜博 | A kind of method and apparatus of data processing |
| CN110705226A (en) * | 2019-08-22 | 2020-01-17 | 平安科技（深圳）有限公司 | Spreadsheet creating method and device and computer equipment |
| CN112799564A (en) * | 2020-07-14 | 2021-05-14 | 珠海金山办公软件有限公司 | Method, device, electronic equipment and medium for inserting control in table |
| CN112558967A (en) * | 2020-12-15 | 2021-03-26 | 中国建设银行股份有限公司 | Page automatic generation method and device, electronic equipment and storage medium |
| CN112631566A (en) * | 2020-12-28 | 2021-04-09 | 航天信息股份有限公司 | Code generation method and device, storage medium and electronic equipment |
| CN112989776A (en) * | 2021-03-03 | 2021-06-18 | 远光软件股份有限公司 | Method and device for adjusting table columns, storage medium and terminal equipment |
| CN113656487A (en) * | 2021-07-28 | 2021-11-16 | 北京数码大方科技股份有限公司 | Object data display method and object data display device in information system |
| CN113743067A (en) * | 2021-09-18 | 2021-12-03 | 中电科蓉威电子技术有限公司 | Method for expanding function of jQuery table plug-in unit |
| CN114757159A (en) * | 2022-04-22 | 2022-07-15 | 优捷特清洁能源有限公司 | Packaging development method and system of multifunctional data table component |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115577676B (en) | 2023-03-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US7757207B2 (en) | Form skin and design time WYSIWYG for .net compact framework | |
| US5297250A (en) | Method of generating interfaces for use applications that are displayable on the screen of a data processing system, and apparatus for performing the method | |
| US9626162B2 (en) | System and method for building graphical instrument panels | |
| US7242413B2 (en) | Methods, systems and computer program products for controlling tree diagram graphical user interfaces and/or for partially collapsing tree diagrams | |
| US8855983B2 (en) | Graphical user interface for viewing or editing an executable block diagram model | |
| US6690390B1 (en) | Interactive on-line help for completing a task | |
| US8607149B2 (en) | Highlighting related user interface controls | |
| US8504930B1 (en) | User interface substitution | |
| US7992128B2 (en) | Computer software adaptation method and system | |
| US7761859B2 (en) | Application development environment with features for aiding a user in writing function calls | |
| US20030081007A1 (en) | Object oriented explorer type environment | |
| EP1099162A1 (en) | Method and tool for generating and displaying a descriptive annotation of selected application data | |
| US7739620B1 (en) | Method of setting alternate style assignments to menu elements of an application | |
| US7383515B2 (en) | Previewing next state based on potential action in current state | |
| EP0322332A2 (en) | Graphical method of real time operator menu customization | |
| US10289388B2 (en) | Process visualization toolkit | |
| US20090070713A1 (en) | Computer-Implemented Systems And Methods For Portlet Management | |
| WO2007097526A1 (en) | Method for providing hierarchical ring menu for graphic user interface and apparatus thereof | |
| CN115577676B (en) | Page table control method, device, equipment and storage medium | |
| CN116719456A (en) | Icon style switching method and device, electronic equipment and storage medium | |
| EP1678603B1 (en) | View routing in user interface applications | |
| US8762943B1 (en) | Runtime component hosting | |
| JPH06274304A (en) | Computer system provided with graphical user interface and its control method | |
| JP3177235B2 (en) | Data output device | |
| US20230082639A1 (en) | Plugin management system for an interactive system or platform |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |