Html 动态创建表格
来源:互联网 发布:手机淘宝店铺号申请 编辑:程序博客网 时间:2024/06/14 17:14
在项目中写到的一段代码:
在<table id="allPerson"></table> 节点下面循环创建表格
js 文件中
//接受参数为一个存储客户的数组,根据客户个数,创建相应个数的表格
function createCustomerElement(personObject) {
remove("allPerson");
var obj_length = 0;
if(personObject.length > 20){
obj_length = 20;
}else{
obj_length = personObject.length;
}
for(var i = 0; i < obj_length;i++){
var tr = document.createElement('tr');
var td_username = document.createElement('td');
var td_cussex = document.createElement('td');
var td_birthday = document.createElement('td');
var td_operate = document.createElement('td');
var button1 = document.createElement('button');
button1.setAttribute("uuid",personObject[i].id);
var button2 = document.createElement('button');
button2.setAttribute("uuid",personObject[i].id);
var button3 = document.createElement('button');
button3.setAttribute("uuid",personObject[i].id);
td_username.innerText = personObject[i].name;
if(personObject[i].sex == "0"){
personObject[i].sex = "男";
}else if(personObject[i].sex == "1"){
personObject[i].sex = "女";
}
td_cussex.innerText = personObject[i].sex;
td_birthday.innerText = personObject[i].birthdate;
button1.className = "ico ico6 on";
button2.className = "ico ico4 on";
button3.className = "ico ico5 on";
button1.addEventListener('tap',function(){
var uuid = this.getAttribute("uuid");
var isSynLoading = plus.storage.getItem("isSynLoading");
if(isSynLoading=="1"){
alert("正在同步客户信息,请勿操作!");
}else{
detailinfos(uuid);
}
});
button2.addEventListener('tap',function(){
var uuid = this.getAttribute("uuid");
var isSynLoading = plus.storage.getItem("isSynLoading");
if(isSynLoading=="1"){
alert("正在同步客户信息,请勿操作!");
}else{
create(uuid);
}
});
button3.addEventListener('tap',function(){
uuid = this.getAttribute("uuid");
var isSynLoading = plus.storage.getItem("isSynLoading");
if(isSynLoading=="1"){
alert("正在同步客户信息,请勿操作!");
}else{
$('.masker,#deleteData').show();
}
});
td_operate.appendChild(button1);
td_operate.appendChild(button2);
td_operate.appendChild(button3);
tr.appendChild(td_username);
tr.appendChild(td_cussex);
tr.appendChild(td_birthday);
tr.appendChild(td_operate);
allPerson.appendChild(tr);
}
}
- Html 动态创建表格
- 通过js为html动态创建表格
- 动态处理html表格
- 动态输出Html表格
- HTml的表格创建
- html创建表格
- html dom创建表格
- js动态创建表格
- javascript 动态创建表格
- javascript 动态创建表格
- javascript 动态创建表格
- 动态创建表格c#
- js动态创建表格
- js动态创建表格
- MecGrid 动态创建表格
- JS动态创建表格
- 动态表格创建
- JQuery动态创建表格
- Base64字节码和Bitmap之间的转换
- C# WebApi 上传文件
- gcc 编译安装
- android eclipse jni开发
- Docker入门笔记_1_安装docker
- Html 动态创建表格
- #HDU 4325 Flowers 【离散化、区间加减法】
- iOS 之 UITableView 使用详解/性能优化/UITableViewCell/UITableViewController
- Android中Menu的基本用法
- 如何加速百度搜索引擎的收录 小熊办公小编为您支上几招
- Android 4.0 Launcher源码分析系列(一)
- <OJ_Sicily>Hanoi_Tower_Sequence
- nginx默认配置
- 一个namenode能正常启动,状态为active,另一个namenode无法启动