The invention relates to the field of WEB front-end development technology, in particular to a rapid generation method for nested tables. The method described in this invention is to convert the data source from XML into JSON by using the data source conversion module, and then use the JSON parsing module for JSON analysis; the theme CSS switching module sets up a CSS file that specializes in the theme style; the custom function interface module and the custom style interface module have custom functions and styles. The invention realizes the nesting of tabular views through JS code, and can be used for nesting elements in code development.
【技术实现步骤摘要】
一种嵌套表格的快速生成方法
本专利技术涉及WEB前端开发
,特别是一种嵌套表格的快速生成方法。
技术介绍
目前代码开发中元素嵌套的现象普遍存在,解决办法是单独地为每个数据进行代码编写、解析,最终生成视图。理想的表格视图可以嵌套但很难通过JS代码实现。
技术实现思路
本专利技术解决的技术问题在于提供一种嵌套表格的快速生成方法,通过JS代码实现表格视图的嵌套。本专利技术解决上述技术问题的技术方案是:所述的方法是利用数据源转换模块将数据源从XML转JSON;然后利用JSON解析模块进行JSON解析;主题CSS切换模块建立一个专门存放主题样式的CSS文件;自定义功能接口模块、自定义样式接口模块自定义功能和样式。从父级开始,将标签名转换成属性名称,将标签内容转换成属性值,然后循环遍历子元素,当无子元素时,一层层跳出遍历;直到最后没有元素;转储的JSON按照默认格式临时存放在一个变量里。通过AJAX方法读取JSON;URL指向JSON数据源,并设置为同步执行;首先将得到的Data数据的父级元素,用一个each函数读取每个父元素的子元素;然后判断当前元素有无子元素,此时用一个while函数执行判断条件;在while函数里设置当前元素的全局变量,同时用if函数分割两种情况:一种是子元素为空,一种不为空;子元素不为空时,利用变量赋值,再次用一个each函数遍历所有的子元素情况;为不让while变成死循环,及时给全局变量附上新值,使while里的判断更新。建立的CSS文件,里面每一段内容代表一个主题的样式集;各段前缀不同;当插件初始化时,根据主题的选择,初始化所有的样式名, ...
【技术保护点】
1.一种嵌套表格的快速生成方法,其特征在于:所述的方法是利用数据源转换模块将数据源从XML转换成JSON;然后利用JSON解析模块进行JSON解析;主题CSS切换模块建立一个专门存放主题样式的CSS文件;自定义功能接口模块、自定义样式接口模块自定义功能和样式。
【技术特征摘要】
1.一种嵌套表格的快速生成方法,其特征在于:所述的方法是利用数据源转换模块将数据源从XML转换成JSON;然后利用JSON解析模块进行JSON解析;主题CSS切换模块建立一个专门存放主题样式的CSS文件;自定义功能接口模块、自定义样式接口模块自定义功能和样式。2.根据权利要求1所述的方法,其特征在于:从父级开始,将标签名转换成属性名称,将标签内容转换成属性值,然后循环遍历子元素,当无子元素时,一层层跳出遍历;直到最后没有元素;转储的JSON按照默认格式临时存放在一个变量里。3.根据权利要求1所述的方法,其特征在于:通过AJAX方法读取JSON;URL指向JSON数据源,并设置为同步执行;首先将得到的Data数据的父级元素,用一个each函数读取每个父元素的子元素;然后判断当前元素有无子元素,此时用一个while函数执行判断条件;在while函数里设置当前元素的全局变量,同时用if函数分割两种情况:一种是子元素为空,一种不为空;子元素不为空时,利用变量赋值,再次用一个each函数遍历所有的子元素情况;为不让while变成死循环,及时给全局变量附上新值,使while里的判断更新。4.根据权利要求2所述的方法,其特征在于:通过AJAX方法读取JSON;URL指向JSON数据源,并设置为同步执行;首先将得到的Data数据的父级元素,用一个each函数读取每个父元素的子元素;然后判断当前元素有无子元素,此时用一个while函数执行判断条件;在while函数里设置当前元素的全局变量,同时用if函数分割两种情况:一种是子元素为空,一种不为空;子元素不为空时,利用变量赋值,再次用一个each函数遍历所有的子元素情况;为不让while变成死循环,及时给全局变量附上新值,使while里的判断更新。5.根据权利要求1至4任一项所述...
【专利技术属性】
技术研发人员:黄博,季统凯,关班记,张远世,齐兆勇,庞毅,何龙泉,
申请(专利权)人:国云科技股份有限公司,
类型:发明
国别省市:广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。