如何实现可以带详细表格的DropDownList

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

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


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