<html>
<head>
function checkedHtml()
{
if(document.getElementById("dvi1").style.display=="block")
{
document.getElementById("text1").value=document.getElementById("lb1").innerText;
document.getElementById("dvi1").style.display="none";
document.getElementById("div2").style.display="block";
}
}
function aaa()
{
document.getElementById("dvi1").style.display="block";
document.getElementById("div2").style.display="none";
document.getElementById("lb1").innerText=document.getElementById("text1").value;
}
</head>
<body>
<table>
<tr>
<td>
<div id="dvi1" style="display:block"><asp:Label ID="lb1" runat="server" Text="1" ></asp:Label></div>
<div id="div2" style="display:none"><input type="text" id="text2" onmouseout="aaa()" /></div>
</td>
</tr>
</table>
</body>
</html>以上实现了单击lbl标签处转为文本框编辑.将鼠标移开时.又变回label标签显示..
但是我想在多个<td></td>中实现这个功能...一个一个写很麻烦 ,有没有什么方法..可以直接实现呢.?
<head>
function checkedHtml()
{
if(document.getElementById("dvi1").style.display=="block")
{
document.getElementById("text1").value=document.getElementById("lb1").innerText;
document.getElementById("dvi1").style.display="none";
document.getElementById("div2").style.display="block";
}
}
function aaa()
{
document.getElementById("dvi1").style.display="block";
document.getElementById("div2").style.display="none";
document.getElementById("lb1").innerText=document.getElementById("text1").value;
}
</head>
<body>
<table>
<tr>
<td>
<div id="dvi1" style="display:block"><asp:Label ID="lb1" runat="server" Text="1" ></asp:Label></div>
<div id="div2" style="display:none"><input type="text" id="text2" onmouseout="aaa()" /></div>
</td>
</tr>
</table>
</body>
</html>以上实现了单击lbl标签处转为文本框编辑.将鼠标移开时.又变回label标签显示..
但是我想在多个<td></td>中实现这个功能...一个一个写很麻烦 ,有没有什么方法..可以直接实现呢.?
2、定义一个标志位,用于标识当前被编辑的 lbl 对象 Id
3、根据捕获对象 Id 及标志位判断是否应用处理方法(隐藏lbl、设置textBox大小、位置及value属性等)
4、鼠标移开 textBox 时,隐藏 textBox,显示 lbl 对象并清除标志位
通过编辑按钮实现编辑
如<EditItemTemplate >
<asp:TextBox id="txt" MaxLength="100" runat="server" Text='<%# Eval("NAME") %>' Width="86%">
</asp:TextBox>
</EditItemTemplate>
protected void gv_RowEditing(object sender, GridViewEditEventArgs e)
{
this.gv.EditIndex = e.NewEditIndex;
BindData();
} protected void gv_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
this.gv.EditIndex = e.RowIndex;
int id = int.Parse(this.gv.DataKeys[e.RowIndex].Value.ToString());
string str = ((TextBox)this.gvTarget.Rows[e.RowIndex].FindControl("txt")).Text.Trim();
this.gv.EditIndex = -1;
BindData();
}
<asp:LinkButton ID="LinkButton1" runat="server" CommandName="edit" CausesValidation="false" OnClientClick="return confirm('确认要编辑吗?');">编辑</asp:LinkButton>