zoukankan      html  css  js  c++  java
  • 动态添加新行

     var order = 0;
            function AddLine()
            {
                if ($("#hid").val() == "NoSelected") {
                    order += 1;
                    var newRowHtml = "<tr key='Data'><td abc='left' onclick='selectRow(this,event)'>" + order + "</td><td><input type='text' name='projectName'/><input type='hidden' name='taskLevel' value='1'/></td></tr>";
                    $("#project_TB").append(newRowHtml);

                }
                else {
                    //已经选中了行,在选中行下面添加行
                    //获取选中行的序号
                    var selectedRowOrder = $("tr[class='selectedRow']").find("td[abc='left']").html();
                    var nowOrder = parseInt(selectedRowOrder) + 1;
                    var projectLevel_Parent = $("tr[class='selectedRow']").find("input[name='taskLevel']").val();
                    if (parseInt(projectLevel_Parent) > 1) {
                        var trHTML = "<tr Key='Data'><td onclick='selectRow(this,event)' abc='left'>" + nowOrder + "</td><td class='ProjectName_td' style='padding-left:" + (parseInt(projectLevel_Parent)) * 20 + "px'><input type='text' name='projectName'/><input type='hidden' name='taskLevel' value='" + (parseInt(projectLevel_Parent)) + "'/></td></tr>";
                        $(trHTML).insertAfter($("tr[class='selectedRow']"));
                    }
                    else {
                        var newRowHtml = "<tr key='Data'><td abc='left' onclick='selectRow(this,event)'>" + nowOrder + "</td><td><input type='text' name='projectName'/><input type='hidden' name='taskLevel' value='1'/></td></tr>";
                        //把错误的序号改成正确的
                        $(newRowHtml).insertAfter($("tr[class='selectedRow']"));
                    }
                    //获取选中行的索引
                    var selectedIndex = ($("tr[class='selectedRow']").index());
                    //错误行的索引
                    var errorIndex = parseInt(selectedIndex) + 2;
                    //获取表格有多少行
                    var rowCount = $("#project_TB tr").length;
                    for (var i = errorIndex; i < rowCount; i++) {
                        $($("#project_TB tr")[i]).find("td[abc='left']").html(i);
                    }
                }
            }

  • 相关阅读:
    关于Windows程序设计的初步认识
    C++虚函数作用原理(二)——类的继承
    史诗级Java资源大全中文版
    马上加薪!测试,你的职业发展...
    你不知道的接口自动化测试!
    69道Spring面试题和答案,简单明了无套路
    大厂都在问的多线程面试题,你不了解下嘛?
    现代Java进阶之路必备技能——2019 版
    80后程序员降薪6K,预感中年危机来袭,准备跳槽却碰壁
    微服务、分布式、高并发都不懂,你拿什么去跳槽?
  • 原文地址:https://www.cnblogs.com/lyq666666/p/5655171.html
Copyright © 2011-2022 走看看