<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>中实现这个功能...一个一个写很麻烦 ,有没有什么方法..可以直接实现呢.?

解决方案 »

  1.   

    提供个思路给你1、监视页面单击事件并捕获事件对象的名称
    2、定义一个标志位,用于标识当前被编辑的 lbl 对象 Id
    3、根据捕获对象 Id 及标志位判断是否应用处理方法(隐藏lbl、设置textBox大小、位置及value属性等)
    4、鼠标移开 textBox 时,隐藏 textBox,显示 lbl 对象并清除标志位
      

  2.   

    gridview中设置模板列
    通过编辑按钮实现编辑
    如<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>