Wed页动态下拉菜单-----C#简单实现

原创 2004年08月30日 22:28:00

最近想要在C#下做一个下拉菜单,找了好久也没有找到一个简单的实现方法,自己想了一个;介绍一下:首先在aspx文件中加入如下代码:
<script>
  function openMenu(cur)//显示菜单
  {
   eval("menu"+cur+".style.visibility='visible'")
   //alert(menu1)
  }
  function closeMenu(cur)//隐藏菜单
  {
   eval("menu"+cur+".style.visibility='hidden'")
  }
</script>

<td class="lcolhead" onmouseover='openMenu("1")' style="PADDING-RIGHT: 8px; PADDING-LEFT: 8px"
 onmouseout='closeMenu("1")'>
 //添加一个列
 <A onmouseover='openMenu("1")' onmouseout='closeMenu("1")' href="#">
  大生产作品</A>

 //定义一个单独的层
 <div class="unnamed1" id="Layer1" style="Z-INDEX: 1; LEFT: 0px; WIDTH: 0px; POSITION: relative; TOP: -2px; HEIGHT: 0px"> 

 //定义一个菜单 
 <div id="menu1" onmouseover='openMenu("1")' style="Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px" onmouseout='closeMenu("1")'>
 //添加一个表,容纳菜单
 <table id=Table1 cellSpacing=1 cellPadding=1 width=120 border=0 align =center>
            <tr>
  <td align=center>

  //加入DataGrid控件,并添加一列做菜单,将数据库中数据读出与此列邦定写形成菜单
  <asp:DataGrid id=DataGrid1 runat="server" AutoGenerateColumns="False" ShowHeader="False" BorderWidth="0px">
  <ItemStyle BorderColor="Transparent">
  </ItemStyle>
  
  //加入链接列
  <Columns>
  <asp:HyperLinkColumn DataNavigateUrlField="ID"     DataNavigateUrlFormatString="http://localhost/Taile/Creativity/WebForm1.aspx?id={0}"

  //显示数据库中的Name字段
  DataTextField="Name">
  <HeaderStyle Width="120px">
  </HeaderStyle>

  <ItemStyle Font-Italic="True">
  </ItemStyle>
  </asp:HyperLinkColumn>
  </Columns>
  </asp:DataGrid>
  </td>
     </tr>
 </table>
</div>
</div>
</td class=lcolhead>
以上是aspx文件中要添加的代码

然后在aspx.cs文件中将数据读出邦定到datagrid1上即可用数据库中的Name字段来形成下菜单
如:
  protected System.Web.UI.WebControls.DataGrid DataGrid1;

  private void Page_Load(object sender, System.EventArgs e)
  {
   // Put user code to initialize the page here

   DataView UserProductDataView=new DataView();

   //获得数据库视图
   UserProductDataView=(new UserProductBF()).GetUserProductType();

   DataGrid1.DataSource=UserProductDataView;   
   DataGrid1.DataBind();
  }
运行即可,

  哈哈,比较简单,我目前是这样做的,不知道这样生成菜单好不好,其出来供大家参考,还望大家不要见笑才好。

使用CSS实现下拉菜单的动态显示

代码编辑器:sublime text 3  浏览器:Firefox 40.0.1 下划线标注的解释原因由于对css的学习还不够深刻,所以属于个人主观理解。如果有错误希望大神们指出。谢谢!...
  • Zwenzang
  • Zwenzang
  • 2015年10月13日 19:26
  • 1813

ASP.NET——实现两个下拉框动态联动

这样的动态联动,一般由多个下拉框组成一组菜单,比如上面用到的两个下拉框。下拉菜单之间有联动的关系。当上级的选中项发生改变时,下级会根据上级中的选中项显示相应的内容。 用了动态联动之后,当面...
  • u010066934
  • u010066934
  • 2014年08月11日 16:10
  • 6224

android 下拉窗口菜单的实现(popupwindow)

这几天在写一个记事本的简单app,碰到很多菜单项,故专门抽出时间研究一下下拉式菜单的实现。首先说明一下,本人新手,刚学android没多久,此文章只用来记录我的成长历程以及方便他人借鉴一下。欢迎大家指...
  • s1674521
  • s1674521
  • 2016年11月28日 18:01
  • 1105

android Spinner(下拉菜单)的应用举例2---动态实现

AppMain.java package lxy.litsoft; import java.util.ArrayList; import java.util.List; import andro...
  • liu_zhen_wei
  • liu_zhen_wei
  • 2011年09月02日 14:30
  • 1772

最简单的方式实现美团,大众下拉菜单

  • 2015年08月31日 17:25
  • 1.56MB
  • 下载

Excel图表制作(二):下拉菜单实现动态图表

下拉菜单实现动态图表 使用名称管理器和index()函数实现数据动态选择,本例中的数据为1-6月份工作时间分配表,主要包括测试执行,自我学习,会议和其他三类数据。 使用下拉菜单动态选择月份: ...
  • tszhanghaihui
  • tszhanghaihui
  • 2016年01月21日 10:07
  • 1454

asp.net之实现动态创建下拉菜单和日历的选择

这个问题纠结了好久,一直想用select实现动态创建下拉列表的效果,但是select中没有AutoPostBack 所以调用onServerChange时没有实现跳转, 具体的大家可以参照一下这个...
  • zhangwenlong136
  • zhangwenlong136
  • 2012年04月25日 18:13
  • 1426

HTML+CSS实现简单下拉菜单

HTML+CSS实现下拉菜单 使用Html+css实现简单的下拉菜单 代码: 下拉框 *{ margin:0px; padding:0px;} #nav{ width:600px; h...
  • cb2474600377
  • cb2474600377
  • 2015年03月31日 18:19
  • 17301

CSS3简单实现动画下拉菜单(display:none和CSS3动画之踩坑)

文本介绍了采用CSS3的 transform 和 transition 属性来实现下拉菜单的动画效果。 由于css3的动画化和display:block以及display:none这两个属性有所冲突...
  • shuaigeyjz1
  • shuaigeyjz1
  • 2017年05月26日 15:11
  • 780

HTML+CSS实现简单下拉菜单

HTML+CSS实现下拉菜单 使用Html+css实现简单的下拉菜单 代码: 下拉框 *{ margin:0px; padding:0px;} #n...
  • qq_32915337
  • qq_32915337
  • 2017年06月20日 13:52
  • 347
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章: Wed页动态下拉菜单-----C#简单实现
举报原因:
原因补充:

(最多只允许输入30个字)