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

A vue-based table configuration method, device, equipment and medium

A configuration method and table technology, applied in the computer field, can solve the problems of inability to configure the entire table individually, affecting user configuration efficiency, and inflexibility, achieving the effect of simple configuration, high flexibility, and avoiding development work.

Active Publication Date: 2022-06-07
福建亿能达信息技术股份有限公司
View PDF4 Cites 0 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
  • A vue-based table configuration method, device, equipment and medium
  • A vue-based table configuration method, device, equipment and medium
  • A vue-based table configuration method, device, equipment and medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0054] like figure 2 As shown, this embodiment provides a Vue-based table configuration method, provides a table control and a property configuration area on the configuration interface, and responds to a control configuration content display box when the table control is selected, such as 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 the attribute configuration items provided in the attribute configuration area have attribute textual descriptions such as figure 2 shown in the right part of ; the property configuration area provides template properties and control properties;

[0055] like image 3 As shown, the attribute configuration area is for users to select data sources, including local data sets, remote data and custom dynamic column data; wherein, the template attribute is for users to select local data sets (data sets are for the current template), Control properties configure r...

Embodiment 2

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

[0072] The table control, located on the configuration interface, responds to a control configuration content display frame when it is selected;

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

[0074] The attribute configuration area is for users to select data sources, including three types of data sources: local data sets, remote data and custom dynamic column data; When considering using custom dynamic column data;

[0075] like image 3 As shown, the attribute configuration area is for users to select data sources, including three types of data sources: local data set, remote data and custom dynamic column data; wherei...

Embodiment 3

[0091] This embodiment provides an electronic device, such as Figure 20 As shown, a memory, a processor, and a computer program stored in the memory and running on the processor are included. When the processor executes the computer program, any implementation manner of the first embodiment can be implemented.

[0092] Since the electronic device introduced in this embodiment is the device used to implement the method in the first embodiment of the present application, based on the method introduced in the first embodiment of the present application, those skilled in the art can understand the electronic device in this embodiment. The specific implementation manner and various modifications thereof, so how the electronic device implements the methods in the embodiments of the present application will not be described in detail here. As long as the devices used by those skilled in the art to implement the methods in the embodiments of the present application fall within the sc...

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 present invention provides a Vue-based table configuration method, device, device and medium, the method comprising the following steps: providing a table control and an attribute configuration area on a configuration interface, and responding to a control configuration content display frame when the table control is selected; All attribute configuration items provided in the attribute configuration area have attribute textual descriptions; the attribute configuration area provides template attributes and control attributes; template attributes allow users to select data sources, including local data sets, remote data and custom dynamic column data; Among them, when the columns obtained from local data sets and remote data are not enough to meet user needs, consider using custom dynamic column data; control properties also provide custom render functions and enhanced configuration items for users to define and edit The header or content of the table and the realization of various functions; after the configuration is completed, the configured data and the dynamic display columns of the table are rendered to the table through the api. This makes the entire table configuration work easier and more efficient.

Description

technical field [0001] The present invention relates to the field of computer technology, and in particular, to a Vue-based table configuration method, device, device and medium. Background technique [0002] vxe-table is oriented to modern browsers (concise and efficient API design), with powerful functions and good performance, such as support for horizontal and vertical virtual scrolling, flexible configuration items, no pollution of global styles and Variables, etc., can realize all the practical functions of the table. But at present vxe-table still has the following shortcomings: [0003] 1. The user is required to master a certain programming foundation in order to complete the configuration of the form; [0004] 2. The vxe-table columns are fixed and the configuration is 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 m...

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 Patents(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