在项目中写到的一段代码:
在<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);
}
}