【www.gdgbn.com--今天更新】

本文详细介绍了如何实现在点击DropDownList的时候弹出DataGrid,然后从DataGrid里面选择相应的项。
很早就发现在网上有很酷的下拉选择框,今天我在这里也写一个,该方法旨在说明问题的一个解决方法,该方法可以扩展为自定义控件,由于时间有限所以在这里我只提供一个该方法的页面实现。当然你可以发挥你的才能作出更漂亮的。
问题描述:我们在使用DropDownList的时候经常会碰到这样的问题(至少我碰到了),在一个很小的区域显示一个比较复杂的内容,希望让选择的人对要选择的东西有比较清晰的认识,我们需要在点击下拉框的时候可以显示给用户非常详细的信息,可是由于布局的限制或者由于下拉框本身的限制,我们很难做到。
解决方案:我们希望有一个层来显示一个丰富的内容,既然是丰富的内容,我们首先想到的应该是DataGrid控件,那么好,我们就用DataGrid和TextBox以及Button来实现该功能。
需要了解的知识:一点点js的东西,一点点ASP.NET的东西,还有一点点耐心
下面是代码:
我们需要一个层用来放我们的DataGrid,我们叫他divParent。代码如下:

接着我们需要一个TextBox和一个Button,TextBox是服务器控件,Button是一个客户端控件代码如下:


我们将Button的字体设置成marlett这样可以使用“6”来显示一个下拉箭头当然你也可以使用一个图片。
接着就是DataGrid了,DataGrid的代码如下:

本文来源:http://www.gdgbn.com/jintiangengxin/4739/