奈寻味导航网 » 文章资讯 » 在js代码拼接dom对象到页面上的模板总结

在js代码拼接dom对象到页面上的模板总结

2023-09-06 20:19:05 332

每次在js代码里面想动态的拼个dom，然后append到页面上，都是各种麻烦，
要是可以直接在jsp页面弄个隐藏的model那是很好的，用js方法里面的clone方法也是很好的，还可以给不同部分set值。
为了以后简单点，我就把模板摆着，方便后面用得着的时候，复制粘贴。

functionfillDialog(dataArray){
vartarget=$("#dialogTarget");
target.empty();
for(vari=0;i');
label.text(""+dataArray[i].channelName);
varinput=$("");
input.prop("name","checkbox");
input.prop("type","checkbox");
input.prop("value",dataArray[i].id);
if(dataArray[i].showInUserStatistic){
input.prop("checked","true");
}
label.prepend(input);
target.append(label);
}
}

vartrs="";
for(vari=0;i0){
//去分行活跃用户数的小数部分如：11.0--->11
activeUser=activeUser.substring(0,index);
}
trs+=""+branchBank+"";
trs+=""+newUser+"";
trs+=""+netBoostUser+"";
trs+=""+closeUser+"";
trs+=""+activeUser+"";
trs+="";
}
newList.append(""+trs+"");
tableChart.append(newList.show());

var$metric=$("#metric");
$metric.empty();
varoptGroup0=$("");
varoptGroup1=$("");
varoptGroup2=$("");
for(vari=0;i");
option.attr("value",m.metric);
option.attr("data_type",m.data_type);
option.attr("unit",m.unit);
option.html(m.title);
if(m.groupType==0){
optGroup0.append(option);
}elseif(m.groupType==1){
optGroup1.append(option);
}else{
optGroup2.append(option);
}
}
}
$metric.append(optGroup0);
$metric.append(optGroup1);
$metric.append(optGroup2);
if(metric!=undefined){
$metric.val(metric);
}
$metric.trigger("chosen:updated");

functionfillRecoveryTable(data){
var$tableBody=$("#recoveryTable").find("tbody");
$tableBody.empty();
vartrs="";
for(vari=0;i";
trs+=""+recovery.timeString+"";
trs+=""+(recovery.result?"成功":"失败")+"";
trs+=""+
""+
"";
trs+="";
}
$tableBody.append(trs);
}

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对毛票票的支持。如果你想了解更多相关内容请查看下面相关链接

返回顶部
3162201930
czq8825@qq.com

在js代码拼接dom对象到页面上的模板总结

热门推荐

随机推荐