【技术实现步骤摘要】
本专利技术涉及面向浏览器端的web开发领域，具体是涉及一种基于extjs的多表格应用代码复用方法及系统。
技术介绍
1995年Netscape公司专利技术JavaScript语言，JavaScript是一种浏览器内置的脚本语言，用于对页面元素编程产生各种效果。对象是JavaScript中的一个语法元素，每个对象由一系列键值对组成，如：{key1：value1，key2：value2
【技术保护点】
一种基于extjs的多表格应用代码复用方法，其特征在于，包括以下步骤：S1、根据表格控件的表现形式，定制一份自定义的配置项列表，包括数据源、列头、工具栏集合；S2、统计工具栏集合中所有的子控件，为这些子控件准备一个控件池，所有的子控件都在该控件池中注册，注册后，使用相同控件时，通过控件池获取，保证代码的复用；S3、封装控件获取函数，该函数接受一组自定义控件名称的列表，并返回一组初始化后的控件对象，进一步提高代码的复用率；S4、精简工具栏集合中各个工具栏的对象；S5、根据数据源的特点，提取一份数据源需要自定义的配置项，保持列头对象不变；S6、封装对象格式转换函数，该对象格式转换函数接受一个按照步骤S4精简过的配置对象，按以下步骤进行处理：S6a、扫描工具栏中子控件集合的配置项，并且将精简后的配置项，转换为extjs原生配置项；S6b、扫描列头配置项，将列头配置项中的列头数据字段属性收集到临时字段列表；S6c、新建数据源，并将临时字段列表应用到数据源字段列表配置项；将其它自定义通用配置项同样应用到数据源；S6d、新建表格控件，将步骤S6a配置后的工具栏集合的配置项，应用到该表格控件的工具栏...
【技术特征摘要】
1.一种基于extjs的多表格应用代码复用方法，其特征在于，包
括以下步骤：
S1、根据表格控件的表现形式，定制一份自定义的配置项列
表，包括数据源、列头、工具栏集合；
S2、统计工具栏集合中所有的子控件，为这些子控件准备一个
控件池，所有的子控件都在该控件池中注册，注册后，使用相同控件
时，通过控件池获取，保证代码的复用；
S3、封装控件获取函数，该函数接受一组自定义控件名称的列
表，并返回一组初始化后的控件对象，进一步提高代码的复用率；
S4、精简工具栏集合中各个工具栏的对象；
S5、根据数据源的特点，提取一份数据源需要自定义的配置项，
保持列头对象不变；
S6、封装对象格式转换函数，该对象格式转换函数接受一个按
照步骤S4精简过的配置对象，按以下步骤进行处理：
S6a、扫描工具栏中子控件集合的配置项，并且将精简后的配置
项，转换为extjs原生配置项；
S6b、扫描列头配置项，将列头配置项中的列头数据字段属性收
集到临时字段列表；
S6c、新建数据源，并将临时字段列表应用到数据源字段列表配
置项；将其它自定义通用配置项同样应用到数据源；
S6d、新建表格控件，将步骤S6a配置后的工具栏集合的配置
项，应用到该表格控件的工具栏集合配置项；将步骤S6b配置后的列
头配置项，应用到该表格控件的列头配置项；将步骤S6c配置后的数
据源的配置项，应用到该表格控件中的数据源配置项；将其它自定义
\t表格控件通用属性应用到该表格控件中对应配置项；返回该表格控
件。
2.如权利要求1所述的基于extjs的多表格应用代码复用方法，
其特征在于：步骤S2中所述注册的形式为：P[CN]＝CF，其中，P为
控件池，CN表示待注册子控件的自定义名称，CF表示待注册子控件
的初始化函数。
3.如权利要求2所述的基于extjs的多表格应用代码复用方法，
其特征在于：步骤S4具体包括以下步骤：将工具栏中子控件集合的
配置项精简为：[CN1,CN2,...]，CN1，CN2表示自定义的控件名称。
4.如权利要求3所述的基于extjs的多表格应用代码复用方法，
其特征在于：步骤S6a中将步骤S4精简后的配置项[CN1,CN2,...]，
转换为extjs原生配置项。
5.如权利要求1所述的基于extjs的多表格应用代码复用方法，
其特征在于：步骤S5中提取的配置项包括数据源接口地址。
6.一种基于extjs的多表格应用代码复用系统，其特征在于：该
系统包括配置项列表定制单元、统计注册单...
【专利技术属性】
技术研发人员：张垚，
申请(专利权)人：武汉噢易云计算股份有限公司，
类型：发明
国别省市：湖北;42
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。