GridView点击模板列弹出层

zcdjg88

于 2012-09-01 00:36:18 发布

阅读量938

点赞数

分类专栏： ASP.NET 文章标签： button textbox server asp function input

本文链接：https://blog.csdn.net/mxcjwl314/article/details/7931236

版权

本文介绍了在ASP.NET项目中如何处理GridView模板列的TextBox，当用户点击文本框时弹出一个层，展示多行文本框供编辑。层内包含"确定"和"取消"按钮，点击"确定"将层中值更新到文本框，"取消"则隐藏层。通过JavaScript函数showDiv实现交互，并探讨了如何获取并处理GridView行的唯一ID。

摘要由CSDN通过智能技术生成

前一段时间做项目中遇到的问题，GridView模板列中有一列是TextBox，而恰巧这一列的内容比较多，在单个文本框中看不全，如果想修改也很费劲，用户提出一个要求就是点击这个文本框弹出一个层，层中放入一个多行的文本框，每次点击文本框把值传给层，层中修改后再回传给文本框（也就是双向传递）。

层中需要放入两个Button，一个是”确定”，一个是“取消”，当点击某个文本框修改后，需要点击”确定“，把层中的值赋给文本框；还有一种情况，只想让用户看，不想让用户修改，我们就只给它提供”取消“按钮，点击”取消“隐藏层。

前台aspx页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .div2
        {
           font-size:12px;
           color:#00f;
           position:absolute;
           border:1px solid blue;    
        }
    </style>
    <script type="text/javascript" language="javascript">
        /*--------- 弹出层 ---------*/
        //获取对象
        function getObj