zoukankan      html  css  js  c++  java
  • JQuery实现追加表格,不使用拼接html方式

    以下为本人原创,转载请注明出处。

    /*
    * 向表格中追加行
    *
    * @param tableId 需追加table的ID @param tableRowData
    * 追加行的数据(Json格式,需要按照列的顺序排放且都已经Format完毕)
    *
    * @return 无
    *
    */
    function addTableRow(tableId, tableRowData) {
    var insertTr = $('#' + tableId + ' tr:last').clone(true);
    var jsonArray = eval("(" + tableRowData + ")");
    // 设定序号
    var tableLength = $("#" + tableId).find("tr").length;
    insertTr.children('td').eq(0).html(tableLength + 1);
    // 将json数据循环追加到表的每一列
    var i = 1;
    for ( var jsonUnit in jsonArray) {
    insertTr.children('td').eq(i).html(jsonArray[jsonUnit]);
    i++;
    }
    $('#' + tableId + ' tr:last').after(insertTr);
    }

    /*
    * 更新Table中某行的数据
    *
    * @param tableId 需追加table的ID @param rowNum 需更新table的行号(默认从1开始计算即可) @param
    * tableRowData 追加行的数据(Json格式,需要按照列的顺序排放且都已经Format完毕)
    *
    * @return 无
    *
    */
    function uptTableRow(tableId, rowNum, tableRowData) {
    var uptTr = $('#' + tableId + ' tr:' + rowNum);
    var jsonArray = eval("(" + tableRowData + ")");
    // 将json数据循环追加到表的每一列
    var i = 1;
    for ( var jsonUnit in jsonArray) {
    uptTr.children('td').eq(i).html(jsonArray[jsonUnit]);
    i++;
    }
    }

  • 相关阅读:
    eharts入门篇一
    手机侧滑导航栏
    用js+cookie实现商城的购物车功能
    实现文字底部居中
    超出两行或三行显示省略号
    clear-fix清除浮动的两种写法
    sass学习入门篇(三)
    如何回答面试中问到的Hibernate和MyBatis的区别
    设计模式之--单例模式
    设计模式之---工厂模式
  • 原文地址:https://www.cnblogs.com/weijieyun/p/6050410.html
Copyright © 2011-2022 走看看