同一个功能的两中做法

我想实现:
有Panel1和Panel2,Panel2里面放有一个DataGrid,里面绑定了数据,当我单击旁边的"选择"按钮的时候,相应的Panel1就出现了,并且里面显示的是我Panel2的数据,然后可以修改,修改后按"修改",把修改的数据存回数据库!就是不用DataGrid里面放TextBox,而是用一个Panel,如何实现啊???

解决方案 »

  1.   

    //*****使用两个Table<table id="tableInfo" runat="server">
      <tr>
       <td>显示选择的数据</td>
      </tr>
    </table>
    <table id="TableList" runat="server">
      <tr>
      <td>在这里放一个DataGrid</td>
      </tr>
    </table>
    //*****首先在前台写几js函数
    //****页面第一次加载显示,不显示TableInfo
    function HiddenTableInfo()
    {
       TableInfo.style.dispaly="none";
    }//****点击选择按钮显示TableInfo
    function DispalyTableInfo()
    {
        Table.style.dispaly="";
    }//****在<body onload="HiddenTableInfo();">//****在DataGrid ItemDataBound事件中设置代码
    //****获取选择按钮
    LinkButton LKBBtnChoices=(LinkButton)e.Item.FindControl("LKBBtnChoices");
    //****获取选择记录的编号
    HtmlInputHidden txtid=(HtmlInputHidden)e.Item.FindControl("txtid");if(txtid!=null)
    {
       LKBBtnChoices.Attributes.add("onclick","javascript:DispalyTableInfo();");
    }//****然后在DataGrid ItemDataCommend事件中进行显示数据处理
    protected void DGRid_ItemCommand(object source, DataGridCommandEventArgs e)
        {
            switch (e.CommandName)
            { 
                case "dispaly":
                   //*****获取数据...
                   //****将获取的数据显示到tableinfo控件中
                  break;
            }    }//****然后点击修改按钮,进行数据修改就可以了三
    //****修改成功以后,隐藏tableinfo控年.