Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Vue-based table configuration method and device, equipment and medium

A configuration method and table technology, applied in the computer field, can solve problems such as inability to configure the entire table individually, affect user configuration efficiency, and not be flexible enough, and achieve the effect of simple configuration, high flexibility, and avoiding development work

Active Publication Date: 2021-03-16
福建亿能达信息技术股份有限公司
View PDF4 Cites 12 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] 2. The vxe-table columns are fixed and the configuration is also fixed. If you want to modify the table configuration or column configuration, you need to modify its code, which is not flexible enough to configure the entire table individually;
[0005] 3. In many cases, its configuration interface only introduces the current configuration. When using other configurations, you need to go to the official website to browse special documents to view properties, which affects the configuration efficiency of users.
[0006] 4. When the actual business requirements change, such as column changes, table configuration changes, etc., it is often necessary to modify the code and then repackage and go online, so there are certain restrictions on the application

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Vue-based table configuration method and device, equipment and medium
  • Vue-based table configuration method and device, equipment and medium
  • Vue-based table configuration method and device, equipment and medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0054] Such as figure 2 As shown, this embodiment provides a Vue-based form configuration method, providing form controls and attribute configuration areas on the configuration interface, and responding to a control configuration content display box when the form control is selected, as shown in figure 2 shown in the middle part of ; the table control is a drag-and-drop control, and the selection method is drag-and-drop; all attribute configuration items provided in the attribute configuration area have attribute textual descriptions such as figure 2 shown in the right part of ; the attribute configuration area provides template attributes and control attributes;

[0055] Such as image 3 As shown, the attribute configuration area is for the user to select a data source, including three types: local data set, remote data and custom dynamic column data; wherein, the template attribute is for the user to select a local data set (the data set is for the current template), Co...

Embodiment 2

[0071] Such as Figure 19 As shown, a Vue-based table configuration device is provided in this embodiment, including a table control, an attribute configuration area, and an api rendering module:

[0072] The form control is located on the configuration interface, and responds to a control configuration content display box when selected;

[0073]The attribute configuration area provides attribute configuration items on the configuration interface, including template attributes and control attributes, and all of them have attribute textual descriptions;

[0074] The attribute configuration area is for users to select data sources, including three types: local data set, remote data and custom dynamic column data; among them, when the columns obtained from local data set and remote data are not enough to meet user needs When considering using custom dynamic column data;

[0075] Such as image 3 As shown in , the attribute configuration area is for users to select data sources...

Embodiment 3

[0091] This embodiment provides an electronic device, such as Figure 20 As shown, it includes a memory, a processor, and a computer program stored in the memory and operable on the processor. When the processor executes the computer program, any implementation manner in Embodiment 1 can be realized.

[0092] Since the electronic device introduced in this embodiment is the device used to implement the method in Embodiment 1 of this application, based on the method described in Embodiment 1 of this application, those skilled in the art can understand the electronic device of this embodiment. Specific implementation methods and various variations thereof, so how the electronic device implements the method in the embodiment of the present application will not be described in detail here. As long as a person skilled in the art implements the equipment used by the method in the embodiment of the present application, it all belongs to the protection scope of the present application....

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention provides a vue-based table configuration method and device, equipment and a medium, and the method comprises the following steps: providing a table control and an attribute configurationregion on a configuration interface, and responding to a control configuration content display box when the table control is selected, wherein all attribute configuration items provided by the attribute configuration area have attribute literal description; the attribute configuration area provides template attributes and control attributes, the template attributes are used for a user to select adata source, and comprise a local data set, far-end data and custom dynamic column data, when the columns obtained from the local data set and the far-end data are not enough to meet the user requirements, the user-defined dynamic column data is considered to be used, and the control attributes also provide a user-defined render function and an enhanced configuration item, so that the user can define the header or content of the editable table and realize various functions; after the configuration is completed, rendering the configured data and the table dynamic display column to the table through api. Therefore, the whole table configuration work becomes simpler and more efficient.

Description

technical field [0001] The present invention relates to the field of computer technology, in particular to a Vue-based table configuration method, device, equipment and media. Background technique [0002] vxe-table is oriented to modern browsers (simple and efficient API design). It has powerful functions and good performance at the same time. For example, it can support horizontal and vertical virtual scrolling, flexible configuration items, and does not pollute global styles and Variables, etc., can realize all the practical functions of the table. But currently vxe-table still has the following disadvantages: [0003] 1. Users are required to master a certain programming foundation in order to complete the table configuration; [0004] 2. The vxe-table columns are fixed and the configuration is also fixed. If you want to modify the table configuration or column configuration, you need to modify its code, which is not flexible enough to configure the entire table indivi...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F8/34G06F40/18
CPCG06F8/34G06F40/18
Inventor 黄家昌陈雪梅杨辉邱道椿
Owner 福建亿能达信息技术股份有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com