首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

一种表格组件封装方法 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:中国兵器装备集团自动化研究所有限公司

摘要:本发明公开了一种表格组件封装方法,将需要的功能封装到一个组件里面,通过组件的引用来展示表格,可以极大的简化业务代码,提高开发效率。通过配置的表格数据JSON数组来渲染表格。表格列的宽度可以根据表格的总宽度动态变化。表格列的顺序和是否展示,可以根据用户操作而变化。所需代码简洁明了就可以快速实现一个表格。组件内置了分页功能,组件数据可以通过http请求异步加载,也可以通过一次传入大量的数据通过前端本地分页。组件的列顺序和是否展示,可以通过弹框的方式动态编辑。组件的列宽度可以自适应不同的浏览器大小。

主权项:1.一种表格组件封装方法,其特征在于,包括:步骤1:获取组件参数,根据所述组件参数判断表格列是否可以通过列设置功能来改变列顺序以及是否展示;如果是,则执行步骤2,否则执行步骤3;步骤2:根据列缓存信息生成新的列配置项数组;步骤3:生成自适应宽度的列配置项数组;步骤4:开始渲染表格组件;步骤5:根据组件参数判断是否启用分页功能,如果启用执行步骤6,否则执行步骤7;步骤6:渲染Element分页组件,并添加对应分页事件和联动交互逻辑;步骤7:渲染Element表格组件;步骤8:根据列配置项数组动态生成el-table-column,并完成自定义列内容的渲染;步骤9:获取表格数据;根据组件参数data与组件参数httpRequest判断是否异步加载数据;若存在data确定不是异步加载数据,则执行步骤10;若不存在data且存在httpRequest,则异步加载数据执行步骤11;若都不存在,则表格数据为空数组;步骤10:根据分页情况将参数中传递的data数据截取处理后赋值给表格;步骤11:异步加载数据并将返回数据赋值给表格,并设置对应的分页信息。

全文数据:

权利要求:

百度查询: 中国兵器装备集团自动化研究所有限公司 一种表格组件封装方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。