jQuery+json实现动态创建复杂表格table的方法
```javascript
function SetSubTable() {
// json数据
var obj = jQuery.parseJSON($("SubJsonStrValue").val());
window.ALLPARAMTERS = obj; // 将后的数据存储在全局变量中
var row_str = ""; // 存储行HTML的字符串
var span_num = 1; // 初始行跨度
// 遍历json数据
for (var i = 0; i < obj.length; i++) {
if (obj[i].ParamNames.length > 0) { // 如果当前项有参数名称
row_str += '
for (var j = 0; j < obj[i].ParamNames.length; j++) { // 遍历当前项的参数名称
if (j != 0) { // 非第一个参数名称时,创建新的行
row_str += "
}
row_str += '
for (var k = 0; k < obj[i].ParamNames[j].ListItems.length; k++) { // 遍历当前参数名称的列表项
row_str += obj[i].ParamNames[j].ListItems[k].Name+"|"; // 添加列表项名称到内容单元格中
}
row_str = row_str.substring(0, row_str.length - 2); // 删除最后一个"|"字符
row_str += "
if (obj[i].ParamNames[j].CanMultiSelecte) { // 如果当前参数允许多选,则添加“多选”文字到状态单元格中
row_str += "多选";
} else { // 如果不允许多选,则添加“单选”文字到状态单元格中
row_str += "单选";
}
row_str += "
}
}
}
// 将生成的HTML字符串添加到页面中指定的元素后面(这里是id为sub_table_header的元素后面)
$("sub_table_header").after(row_str);
}
```
编程语言
- jQuery+json实现动态创建复杂表格table的方法
- 在PHP中使用FastCGI解析漏洞及修复方案
- ajax 返回值自动添加pre标签的解决方法
- sqlserver建立新用户及关联数据库教程
- SQL 中STUFF用法
- 在Web项目中引入Jquery插件报错的完美解决方案(图
- Smarty变量调节器失效的解决办法
- php实现图片文件与下载文件防盗链的方法
- 修改数据库为多用户模式
- Windows 下安装 swoole 图文教程(php)
- 非常优秀的JS图片轮播插件Swiper的用法
- 学习正则!超基础简单例子
- vue实现组件之间传值功能示例
- PHP MPDF中文乱码的解决方式
- JavaScript动态插入CSS的方法
- Asp.Net Core WebAPI使用Swagger时API隐藏和分组详解