Packaging development method and system for multifunctional data table component
A table component and multi-functional technology, applied in the package development method and system field of multi-functional data table components, can solve the problems of cumbersome maintenance work and low work efficiency, reduce workload, improve reuse rate, front-end development work Flexible and Efficient Effects
- Summary
- Abstract
- Description
- Claims
- Application Information
AI Technical Summary
Problems solved by technology
Method used
Image
Examples
Embodiment 1
[0033] like figure 1 , figure 2 As shown, a package development method for a multifunctional data table component includes the following steps:
[0034] S1, build the basic information of the table component: input the table component according to the external header name and its corresponding data field name, and generate the basic information of the table component;
[0035] S2, load data: load external data into the table data column, and display the header information in the table header.
[0036] Through the above technical solutions to build the basic information of table components and load data, the front-end table development work is effectively simplified, the code reuse rate is improved, the workload of early development and post-maintenance is reduced, and the front-end development work is more flexible and efficient.
[0037] As a preferred technical solution, in step S1, the table header name and its corresponding data field name are passed into the table comp...
Embodiment 2
[0068] like figure 1 , figure 2 As shown, as a further optimization of Embodiment 1, this embodiment includes all the technical features of Embodiment 1. In addition, this embodiment also includes the following technical features:
[0069] Aiming at the problems in the existing situation, the present invention provides a table component encapsulation method and component with rich functions and convenient and quick use, which can effectively improve the development and maintenance efficiency of front-end engineers.
[0070] Take the following steps:
[0071] The first step is to build the basic information of the form component, and pass the header name and corresponding data fields into the form component through the template slot. In order to be compatible with the JSX method, you can also pass the JS object into the form component through the tag attribute (the JS object contains Header names and corresponding data fields, as well as other properties such as table column...
PUM
![No PUM](https://static-eureka.patsnap.com/ssr/23.2.0/_nuxt/noPUMSmall.5c5f49c7.png)
Abstract
Description
Claims
Application Information
![application no application](https://static-eureka.patsnap.com/ssr/23.2.0/_nuxt/application.06fe782c.png)
- R&D Engineer
- R&D Manager
- IP Professional
- Industry Leading Data Capabilities
- Powerful AI technology
- Patent DNA Extraction
Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.
© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap