Javascript 使用AJAX和_doPostBack的datagrid中的Asp.net用户控件

我正在使用ASP.NET w/AJAX构建一个类似于

如果你向下滚动到食物菜单，点击中间的一个食物项目，你会看到这个项目向下扩展，让用户提供菜单项的详细信息。没有页面重新加载

我正在尝试使用ASP.NET w/AJAX在C#中使用javacScript来获得这种效果。我有一些问题

我想展开每个单独的食物菜单项，并显示数据库中的项目详细信息数据，而无需重新加载完整的页面。在我的尝试中（下面的代码），每次我点击一个单独的项目时，整个页面总是被重新加载，每个菜单项都被展开

我的食物菜单由单个collumn数据绑定asp:datagird组成。每个 datagird项是一个用户控件（OM:MnuItem）：

MenuItem.ascx.cs页面加载：

protected void Page_Load(object sender, EventArgs e)
{
   if (IsPostBack)
  {
       if (Request.Form["__EVENTTARGET"] == "DisplayDetails")
       {
           itemDetails.Style.Value = "visibility:visible";
        }
   }
}

protected void Page_Load(object sender, EventArgs e)
{
   if (IsPostBack)
  {
       if (Request.Form["__EVENTTARGET"] == "DisplayDetails")
       {
           itemDetails.Style.Value = "visibility:visible";
        }
   }
}

MenuItem.ascx.cs页面加载：

protected void Page_Load(object sender, EventArgs e)
{
   if (IsPostBack)
  {
       if (Request.Form["__EVENTTARGET"] == "DisplayDetails")
       {
           itemDetails.Style.Value = "visibility:visible";
        }
   }
}

protected void Page_Load(object sender, EventArgs e)
{
   if (IsPostBack)
  {
       if (Request.Form["__EVENTTARGET"] == "DisplayDetails")
       {
           itemDetails.Style.Value = "visibility:visible";
        }
   }
}

ScriptManager位于default.aspx中：

<asp:ScriptManager EnablePartialRendering="true"
 ID="ScriptManager1"  runat="server"></asp:ScriptManager>

我的问题是： 每次我点击一个单独的项目时，整个页面总是被重新加载，每个菜单项都被展开

有人有什么想法吗？感谢您的乐队。

您可以使用

Dave Ward就是这样做的：

<div id="Container" onclick="__doPostBack('UpdatePanel1', '');">

很抱歉，回复时间过长。戴夫·沃德的联系帮了大忙。我还有一些问题。我可能会发布更多的问题，谢谢！我检查了你的回答作为答案。谢谢

<div id="Container" onclick="__doPostBack('UpdatePanel1', '');">