单击DataGrid的行，使这行的数据显示在这个页面的下面，有点像winform的一个列表

最新推荐文章于 2019-08-11 22:56:45 发布

转载最新推荐文章于 2019-08-11 22:56:45 发布 · 732 阅读

文章标签：

#datagrid #winform #server #asp #javascript #function

【ASP.NET】专栏收录该内容

88 篇文章

订阅专栏

本文介绍了一种通过 ASP.NET 中的数据网格 (DataGrid) 实现页面内容扩展的方法。具体展示了如何为 DataGrid 的每一项添加鼠标悬停及点击事件，以实现更丰富的用户体验。此外，还提供了一个 JavaScript 函数来处理点击事件，并更新页面上的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用处：可以使一个页面显示更多的内容

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   if(e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem)
   {
    e.Item.Attributes.Add("onmouseover","this.style['cursor']='hand'");
    e.Item.Attributes.Add("onclick","javascript：itemclick('"+e.Item.Cells[2].Text+"','"+((Label)e.Item.FindControl("lblTime")).Text+"')");
   }

*.aspx文件
function itemclick(time,obj)
{
     document.form1.all("label1").innerText = time;
　document.form1.txt.value = obj;
     }

<DIV id="label1"   runat="server">统计时间</DIV>
<INPUT id="txt" type="text" runat="server" value=入库时间>

<asp:BoundColumn DataField="time1" HeaderText="统计时间">
</asp:BoundColumn>
<asp:TemplateColumn HeaderText="入库时间">
     <ItemTemplate>
         <asp:Label ID=“lblTime” Runat=server Text='<%# DataBinder.Eval(Container.DataItem,"rukushijian")%>'>
         </asp:Label>
      </ItemTemplate>
</asp:TemplateColumn>