欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery+json實現(xiàn)動態(tài)創(chuàng)建復雜表格table的方法

 更新時間:2016年10月25日 12:02:54   作者:liulun  
這篇文章主要介紹了jQuery+json實現(xiàn)動態(tài)創(chuàng)建復雜表格table的方法,涉及jQuery針對json數(shù)據(jù)的解析與表格動態(tài)創(chuàng)建操作相關技巧,需要的朋友可以參考下

本文實例講述了jQuery+json實現(xiàn)動態(tài)創(chuàng)建復雜表格table的方法。分享給大家供大家參考,具體如下:

function SetSubTable() {
  var obj = jQuery.parseJSON($("#SubJsonStrValue").val());
  window.ALLPARAMTERS = obj;
  var row_str = "";
  var span_num = 1
  for (var i = 0; i < obj.length; i++) {
    if (obj[i].ParamNames.length > 0) {
      row_str += '<tr><td rowspan="' + obj[i].ParamNames.length + '"><input type="checkbox" name="_'+obj[i].Id+'" />' + obj[i].Name + '</td>';
      for (var j = 0; j < obj[i].ParamNames.length; j++) {
        if (j != 0) {
          row_str += "<tr>";
        }
        row_str += '<td><input type="checkbox" name="p_'+obj[i].ParamNames[j].Id+'_'+obj[i].Id+'" />' + obj[i].ParamNames[j].Name + '</td><td>';
        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 += "</td><td>";
        if (obj[i].ParamNames[j].CanMultiSelecte) {
          row_str += "多選";
        } else {
          row_str += "單選";
        }
        row_str += "</td></tr>";
      }
    }
  }
  $("#sub_table_header").after(row_str);
}

PS:關于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:

在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉換工具:
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉義工具:

http://tools.jb51.net/code/json_yasuo_trans

C語言風格/HTML/CSS/json代碼格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery表單操作總結》、《jQuery常用插件及用法總結》、《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

相關文章

  • 分享33個jQuery與CSS3實現(xiàn)的絢麗鼠標懸停效果

    分享33個jQuery與CSS3實現(xiàn)的絢麗鼠標懸停效果

    今天整理了33個使用jQuery與CSS3實現(xiàn)絢麗的鼠標懸停效果,有些是純CSS3的,這些效果你完全可以用在你的網(wǎng)頁上,讓網(wǎng)站獲得更好的體驗
    2014-12-12
  • jQuery.holdReady()方法用法實例

    jQuery.holdReady()方法用法實例

    這篇文章主要介紹了jQuery.holdReady()方法用法,以實例形式分析了holdReady()方法在暫?;蛘呋謴蚸Query.ready()事件的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
    2014-12-12
  • jQuery實現(xiàn)響應鼠標事件的圖片透明效果【附demo源碼下載】

    jQuery實現(xiàn)響應鼠標事件的圖片透明效果【附demo源碼下載】

    這篇文章主要介紹了jQuery實現(xiàn)響應鼠標事件的圖片透明效果,涉及jQuery鼠標事件及fadeTo函數(shù)的相關使用技巧,需要的朋友可以參考下
    2016-06-06
  • jQuery中ajax的相關知識點匯總

    jQuery中ajax的相關知識點匯總

    這篇文章主要給大家介紹了關于jQuery中ajax相關知識點的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-03-03
  • 基于JQuery的多標簽實現(xiàn)代碼

    基于JQuery的多標簽實現(xiàn)代碼

    最近在學習JQuery,其實也不叫學習,很久以前就學過,只是有一段時間沒用,有些生疏了,于是就做幾個小例子來練習練習,為了方便以后查找就將這些小示例記錄下來
    2012-09-09
  • jQuery簡單實現(xiàn)兩級下拉菜單效果代碼

    jQuery簡單實現(xiàn)兩級下拉菜單效果代碼

    這篇文章主要介紹了jQuery簡單實現(xiàn)兩級下拉菜單效果代碼,基于jQuery遍歷簡單實現(xiàn)菜單效果,非常具有實用價值,需要的朋友可以參考下
    2015-09-09
  • jQuery 選擇器詳解

    jQuery 選擇器詳解

    這篇文章主要介紹了jQuery 選擇器詳解,圖文并茂,十分不錯,需要的朋友可以參考下
    2015-01-01
  • jquery瀏覽器滾動加載技術實現(xiàn)方案

    jquery瀏覽器滾動加載技術實現(xiàn)方案

    Google閱讀器上有一個AJAX效果很不錯,就是閱讀項目時不需要翻頁,瀏覽器滾動條往下拉到一定位置時自動加載新的一批項目進來,一直到所有項目加載完為止。對于我來說再好不過了,因為我很不喜歡翻頁,尤其是輸入頁碼再定位到頁。
    2014-06-06
  • 詳解jQuery的animate動畫方法及動畫排隊問題解決

    詳解jQuery的animate動畫方法及動畫排隊問題解決

    這篇文章主要介紹了jQuery的animate動畫方法及動畫排隊問題解決的相關資料,幫助大家更好的理解和學習使用jQuery,感興趣的朋友可以了解下
    2021-05-05
  • 內容滑動切換效果jquery.hwSlide.js插件封裝

    內容滑動切換效果jquery.hwSlide.js插件封裝

    這篇文章主要為大家詳細介紹了jQuery開發(fā)之內容滑動切換效果的相關資料,jquery.hwSlide.js插件進行封裝具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-07-07

最新評論