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

说明书

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

技术领域

本发明涉及面向浏览器端的web开发领域，具体是涉及一种基于extjs的多表格应用代码复用方法及系统。

背景技术

1995年Netscape公司发明JavaScript语言，JavaScript是一种浏览器内置的脚本语言，用于对页面元素编程产生各种效果。对象是JavaScript中的一个语法元素，每个对象由一系列键值对组成，如：{key1：value1，key2：value2}。

自JavaScript语言应用到浏览器以来，浏览器的功能得到了空前的增强，web页面内容变得越来越多，功能越来越复杂；与此同时，JavaScript语言也得到了极大的发展，并且为了解决web页面内容复杂导致开发进度缓慢的问题，围绕JavaScript语言涌现出了许多提高生产力的框架，extjs就是其中一款使用简单，功能完备的优秀框架。

在extjs框架中，所有的控件都有一份配置项列表，列表中的各个配置项(即对象中的键)决定了控件某个外观或者功能。在数据较多的业务系统中，表格控件是经常被用到的，用于显示一组数据的详细信息。

表格控件包括标题栏、工具栏、表格体和分页栏，工具栏用于存放按钮、下拉框、输入框等一系列控制表格体的控件，表格体用于显示数据的详细信息。

在功能复杂的业务系统中，如果有大量功能需要用表格控件显示，按照传统的做法，需要为每个功能创建一个表格控件，一系列工具栏集合及表格体，这样导致的结果就是最终的JavaScript代码体积庞大，并且重复代码很多，这无论是对于继续开发还是维护，都是噩梦。

参见图1所示，目前在代码中创建表格控件的过程虽然比较清晰，但是，当表格数量过多，需要多次重复这一过程，导致了很多重复代码，代码的复用率非常低，而且当这些代码需要升级的时候，需要为每一段这样的代码做升级，升级效率极低，而且，程序员稍不注意，就有可能出错。

发明内容

本发明的目的是为了克服上述背景技术的不足，提供一种基于extjs的多表格应用代码复用方法及系统，能够有效提高代码的复用率，解决了应用功能庞大导致代码量大、难以维护的问题，且能够有效提高升级效率，显著降低错误发生的概率。

本发明提供一种基于extjs的多表格应用代码复用方法，包括以下步骤：

S1、根据表格控件的表现形式，定制一份自定义的配置项列表，包括数据源、列头、工具栏集合；

S2、统计工具栏集合中所有的子控件，为这些子控件准备一个控件池，所有的子控件都在该控件池中注册，注册后，使用相同控件时，通过控件池获取，保证代码的复用；

S3、封装控件获取函数，该函数接受一组自定义控件名称的列表，并返回一组初始化后的控件对象，进一步提高代码的复用率；

S4、精简工具栏集合中各个工具栏的对象；

S5、根据数据源的特点，提取一份数据源需要自定义的配置项，保持列头对象不变；

S6、封装对象格式转换函数，该对象格式转换函数接受一个按照步骤S4精简过的配置对象，按以下步骤进行处理：

S6a、扫描工具栏中子控件集合的配置项，并且将精简后的配置项，转换为extjs原生配置项；