最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
如何实现可以带详细表格的DropDownList
时间：2022-07-02 11:31:52 编辑：袖梨 来源：一聚教程网
本文详细介绍了如何实现在点击DropDownList的时候弹出DataGrid，然后从DataGrid里面选择相应的项。
很早就发现在网上有很酷的下拉选择框，今天我在这里也写一个，该方法旨在说明问题的一个解决方法，该方法可以扩展为自定义控件，由于时间有限所以在这里我只提供一个该方法的页面实现。当然你可以发挥你的才能作出更漂亮的。
问题描述：我们在使用DropDownList的时候经常会碰到这样的问题（至少我碰到了），在一个很小的区域显示一个比较复杂的内容，希望让选择的人对要选择的东西有比较清晰的认识，我们需要在点击下拉框的时候可以显示给用户非常详细的信息，可是由于布局的限制或者由于下拉框本身的限制，我们很难做到。
解决方案：我们希望有一个层来显示一个丰富的内容，既然是丰富的内容，我们首先想到的应该是DataGrid控件，那么好，我们就用DataGrid和TextBox以及Button来实现该功能。
需要了解的知识：一点点js的东西，一点点ASP.NET的东西，还有一点点耐心
下面是代码：
我们需要一个层用来放我们的DataGrid，我们叫他divParent。代码如下：
接着我们需要一个TextBox和一个Button，TextBox是服务器控件，Button是一个客户端控件代码如下：
我们将Button的字体设置成marlett这样可以使用“6”来显示一个下拉箭头当然你也可以使用一个图片。
接着就是DataGrid了，DataGrid的代码如下：
很早就发现在网上有很酷的下拉选择框，今天我在这里也写一个，该方法旨在说明问题的一个解决方法，该方法可以扩展为自定义控件，由于时间有限所以在这里我只提供一个该方法的页面实现。当然你可以发挥你的才能作出更漂亮的。
问题描述：我们在使用DropDownList的时候经常会碰到这样的问题（至少我碰到了），在一个很小的区域显示一个比较复杂的内容，希望让选择的人对要选择的东西有比较清晰的认识，我们需要在点击下拉框的时候可以显示给用户非常详细的信息，可是由于布局的限制或者由于下拉框本身的限制，我们很难做到。
解决方案：我们希望有一个层来显示一个丰富的内容，既然是丰富的内容，我们首先想到的应该是DataGrid控件，那么好，我们就用DataGrid和TextBox以及Button来实现该功能。
需要了解的知识：一点点js的东西，一点点ASP.NET的东西，还有一点点耐心
下面是代码：
我们需要一个层用来放我们的DataGrid，我们叫他divParent。代码如下：
接着我们需要一个TextBox和一个Button，TextBox是服务器控件，Button是一个客户端控件代码如下：
我们将Button的字体设置成marlett这样可以使用“6”来显示一个下拉箭头当然你也可以使用一个图片。
接着就是DataGrid了，DataGrid的代码如下：
相关文章
- 云星穹铁道权益升级怎么玩 云崩铁权益升级活动介绍 12-03
- 以闪亮之名山中绘梦怎么玩 以闪亮之名滢然花梦套装活动介绍 12-03
- 以闪亮之名绿野梦歌礼包怎么样 以闪亮之名绿野梦歌拍照礼包介绍 12-03
- 光遇12.6有什么更新 光遇12月6日更新内容介绍 12-03
- 伍六七暗影交锋测试资格怎么获得 伍六七暗影交锋内测资格获取方法 12-03
- 无限暖暖晶莹诗集怎么样 12-03