[发明专利]基于extjs的多表格应用代码复用方法及系统

摘要

本发明公开了一种基于extjs的多表格应用代码复用方法及系统，涉及面向浏览器端的web开发领域。该方法包括以下步骤：根据表格控件的表现形式，定制一份自定义的配置项列表；统计工具栏集合中所有的子控件，为这些子控件准备一个控件池，所有的子控件都在该控件池中注册；封装控件获取函数，精简工具栏集合中各个工具栏的对象；提取配置项，保持列头对象不变；封装对象格式转换函数。本发明能有效提高代码的复用率，解决了应用功能庞大导致代码量大、难以维护的问题，且能有效提高升级效率，显著降低错误发生的概率。

主权项

1.一种基于extjs的多表格应用代码复用方法，其特征在于，包括以下步骤：S1、根据表格控件的表现形式，定制一份自定义的配置项列表，包括数据源、列头、工具栏集合；S2、统计工具栏集合中所有的子控件，为这些子控件准备一个控件池，所有的子控件都在该控件池中注册，注册后，使用相同控件时，通过控件池获取，保证代码的复用；S3、封装控件获取函数，该函数接受一组自定义控件名称的列表，并返回一组初始化后的控件对象，进一步提高代码的复用率；S4、精简工具栏集合中各个工具栏的对象；S5、根据数据源的特点，提取一份数据源需要自定义的配置项，保持列头对象不变；S6、封装对象格式转换函数，该对象格式转换函数接受一个按照步骤S4精简过的配置对象，按以下步骤进行处理：S6a、扫描工具栏中子控件集合的配置项，并且将精简后的配置项，转换为extjs原生配置项；S6b、扫描列头配置项，将列头配置项中的列头数据字段属性收集到临时字段列表；S6c、新建数据源，并将临时字段列表应用到数据源字段列表配置项；将其它自定义通用配置项同样应用到数据源；S6d、新建表格控件，将步骤S6a配置后的工具栏中子控件集合的配置项，应用到该表格控件的工具栏集合配置项；将步骤S6b配置后的列头配置项，应用到该表格控件的列头配置项；将步骤S6c配置后的数据源的配置项，应用到该表格控件中的数据源配置项；将其它自定义表格控件通用属性应用到该表格控件中对应配置项；返回该表格控件。