动态增进新行

    ……  ……

 

  • (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);
                    }
                }
            }

这么,每一个Td中,便增添了叁个单击事件。

所需劳驾的正是十分一下html布局准则了

    <td>32
    </td>

            }
            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='”

/*
页面装载时,为各样td扩大单击事件,那样,就足以毫无对种种页面举办退换。
*/
function ReWritable()
{
var tbmian=document.getElementById(“tbmain”);
for(var i=0;i<tbmain.rows.length;i++)
{
for(var j=0;j<tbmain.rows[i].cells.length;j++)
{
  /*
加上单击事件性质。此处不可选取setAttribute方法。
*/
tbmain.rows[i].cells[j].onclick=AddObjOfText;
}
}
}
/*
单击事件,将Td内容更新为贰个Div,当中装载了一个Text,用于用户输入新的Td的值,
多个规定按键,三个注销按键,用于保存或收回用户的输入内容。
四个Hidden,保存用户输入新值前的Td的值,以便用户撤消时回涨。
*/
function AddObjOfText()
{
var tdcag=document.getElementById(“tdcag”);
if(tdcag!=null)
{
return;
}
澳门新萄京8522,var tdid=window.event.srcElement;
var tdtxt=tdid.innerText;
var str=”<div id=’tdcag’><input type=’text’ id=’txtId’
value='”+tdtxt+”‘>”;
str+=”<input type=’button’ value=’确定’
onclick=’ChangeTdText()’>”;
str+=”<input type=’button’ value=’取消’
onclick=’CancelTdChanged()’>”;
str+=”<input type=’hidden’ id=’tdInitValue’ value='”+tdtxt+”‘>”;
str+=”</div>”;
tdid.innerHTML=str;
}
/*
撤废改变,把Hidden值赋给Td
*/
function CancelTdChanged()
{
var tdInitValue=document.getElementById(“tdInitValue”);
var tdtxt=tdInitValue.value;
var tdid=document.getElementById(“tdcag”).parentNode;
tdid.innerText=tdtxt;
}
/*
封存用户退换,把Text值赋值给Td
*/
function ChangeTdText()
{
var txtId=document.getElementById(“txtId”);
var tdid=document.getElementById(“tdcag”).parentNode;
tdid.innerText=txtId.value;
}

            <旋转磁帖/>

澳门新萄京8522 1澳门新萄京8522 2Code
<body onload=”ReWritable();”>
<table id=”tbmain” style=”width:100%;” border=”1″>
<tr>
    <td>11
    </td>

 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);

这么,在页面包车型客车<body>中,加多onload事件,其值赋为:ReWritable(),如下:

其间的两个格局介绍:

    <td>22
    </td>

<body onload=”ReWritable();”>
<table id=”tbmain” style=”width:100%;” border=”1″>
<tr>
<td>11
</td>
<td>12
</td>
<td>13
</td>
</tr>
<tr>
<td>21
</td>
<td>22
</td>
<td>23
</td>
</tr>
<tr>
<td>31
</td>
<td>32
</td>
<td>33
</td>
</tr>
</table>
</body>

            <滑动磁帖/>

 

(磁帖长, 后翻时刻,
前翻时刻)。旋转。

 

类型做完,在测量检验验收时,用户忽地提议,能够变动查询结果,便于打字与印刷。遮掩工程错误。然这段日子年提供给,相比较脑瓜疼,后来,想了想如故用前台代码,那样,只要在类型的JS文件中,插足以下多少个函数,便能够化解了。

                <img src=’B’>(第二张图)

澳门新萄京8522 3澳门新萄京8522 4Code
/*
页面装载时,为各个td增添单击事件,那样,就可以不要对每种页面举办转移。
*/
function ReWritable()
{
    var tbmian=document.getElementById(“tbmain”);
    for(var i=0;i<tbmain.rows.length;i++)
    {
        for(var j=0;j<tbmain.rows[i].cells.length;j++)
        {
          /*
            增添单击事件性质。此处不可使用setAttribute方法。
            */
            tbmain.rows[i].cells[j].onclick=AddObjOfText;    
        }
    }
}
/*
单击事件,将Td内容更新为八个Div,当中装载了贰个Text,用于用户输入新的Td的值,
三个鲜明按键,贰个打消开关,用于保存或注销用户的输入内容。
一个Hidden,保存用户输入新值前的Td的值,以便用户打消时回涨。
*/
function AddObjOfText()
{
    var tdcag=document.getElementById(“tdcag”);
    if(tdcag!=null)
    {
        return;
    }
    var tdid=window.event.srcElement;
    var tdtxt=tdid.innerText;
    var str=”<div id=’tdcag’><input type=’text’ id=’txtId’ value='”+tdtxt+”‘>”;
    str+=”<input type=’button’ value=’确定’ onclick=’ChangeTdText()’>”;
    str+=”<input type=’button’ value=’取消’ onclick=’CancelTdChanged()’>”;
    str+=”<input type=’hidden’ id=’tdInitValue’ value='”+tdtxt+”‘>”;
    str+=”</div>”;
    tdid.innerHTML=str;    
}
/*
撤回更换,把Hidden值赋给Td
*/
function CancelTdChanged()
{
    var tdInitValue=document.getElementById(“tdInitValue”);
    var tdtxt=tdInitValue.value;
    var tdid=document.getElementById(“tdcag”).parentNode;
    tdid.innerText=tdtxt;
}
/*
封存用户改动,把Text值赋值给Td
*/
function ChangeTdText()
{
    var txtId=document.getElementById(“txtId”);
    var tdid=document.getElementById(“tdcag”).parentNode;
    tdid.innerText=txtId.value;
}

复制代码 代码如下:

 

 

复制代码 代码如下:

        <容器 class=’磁帖容器’>

    <td>12
    </td>

 

    <td>23
    </td>
</tr>
<tr>
    <td>31
    </td>

               

这么,各种Td中,便加多了二个单击事件。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图