国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

在js代碼拼接dom對象到頁面上去的模板總結(必看)

2019-11-19 17:35:27
字體:
來源:轉載
供稿:網友

每次在js代碼里面想動態的拼個dom,然后append到頁面上,都是各種麻煩,

要是可以直接在jsp頁面弄個隱藏的model那是很好的,用js方法里面的clone方法也是很好的,還可以給不同部分set值。

為了以后簡單點,我就把模板擺著,方便后面用得著的時候,復制粘貼。

function fillDialog(dataArray) {  var target = $("#dialogTarget");  target.empty();  for (var i = 0; i < dataArray.length; i++) {    var label = $('<label class="control-label" style="width: auto; text-align: left;"></label>');    label.text("" + dataArray[i].channelName);    var input = $("<input type=/"text/"/>");    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);  }}
var trs = "";  for (var i = 0; i < dataArray.length; i++) {    var branchBank = dataArray[i].branch;    var newUser = dataArray[i].newUserNum;    var netBoostUser = dataArray[i].netBoostUserNum;    var closeUser = dataArray[i].closeUserNum;    var activeUser = dataArray[i].activeUserNum;    var index = activeUser.indexOf(".");    if (index > 0) {      //去分行活躍用戶數的小數部分如:11.0 ---> 11      activeUser = activeUser.substring(0, index);    }    trs += "<tr><td title='" + branchBank + "'>" + branchBank + "</td>";    trs += "<td title='" + newUser + "'>" + newUser + "</td>";    trs += "<td title='" + netBoostUser + "'>" + netBoostUser + "</td>";    trs += "<td title='" + closeUser + "'>" + closeUser + "</td>";    trs += "<td title='" + activeUser + "'>" + activeUser + "</td>";    trs += "</tr>";  }  newList.append("<tbody>" + trs + "</tbody>");  tableChart.append(newList.show()); var $metric = $("#metric"); $metric.empty(); var optGroup0 = $("<optgroup label='常用指標'>"); var optGroup1 = $("<optgroup label='不常用指標'>"); var optGroup2 = $("<optgroup label='未分組指標'>"); for(var i=0; i<allMetricSources.length; i++) {   var m = allMetricSources[i];   if( m != null && (m.type == stream_type || m.type == 2)){  var option = $("<option ></option>");  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);  } else if (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");function fillRecoveryTable(data) {  var $tableBody = $("#recoveryTable").find("tbody");  $tableBody.empty();  var trs = "";  for (var i = 0; i < data.length; i++) {    var recovery = data[i];    trs += "<tr><td >" + recovery.fileName + "</td>";    trs += "<td >" + recovery.timeString + "</td>";    trs += "<td >" + (recovery.result ? "成功" : "失敗") + "</td>";    trs += "<td >" +      "<a onclick=/"removeRecovery('" + recovery.id + "');/" class=/"icon-trash option/" title=/"刪除/"></a>" +      "<a onclick=/"doRecovery('" + recovery.id + "');/" class=/"icon-cog option/" title=/"一鍵恢復/" ></a></td>";    trs += "</tr>";  }  $tableBody.append(trs);}

以上這篇在js代碼拼接dom對象到頁面上去的模板總結(必看)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 东丽区| 自贡市| 万源市| 滨州市| 仲巴县| 屏山县| 广丰县| 湘乡市| 鸡泽县| 察雅县| 仙游县| 桑植县| 青海省| 灵寿县| 洛川县| 得荣县| 永兴县| 县级市| 孝昌县| 科尔| 监利县| 文安县| 栾川县| 香格里拉县| 建湖县| 罗江县| 遵义县| 台东县| 深泽县| 阿克苏市| 侯马市| 洪洞县| 津市市| 芦溪县| 东丰县| 田东县| 邮箱| 扬州市| 崇礼县| 多伦县| 湘潭县|