Asp.net 下拉列表可滚动

本文关键字：滚动 下拉列表 net Asp | 更新日期: 2023-09-27 18:32:40

>我在网格视图的一行中有一个下拉列表。

如果超过 5 个项目，我希望下拉列表有一个滚动条，但网格视图行不应该增长。

用 

 <asp:DropDownList ID="ddl_data" runat="server" Visible="false" onmousedown="this.size=5;"  ClientIDMode = "Static" >
                                                        </asp:DropDownList>

我有一个滚动条，但行越来越大！！

Asp.net 下拉列表可滚动

   <asp:DropDownList  ID="DropDownList1" runat="server"  onmouseover="this.size=5;" onmouseout="this.size=1;"  style="max-height:100px; overflow:auto;">    
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>   
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>
         <asp:ListItem>TextTextText</asp:ListItem>    
    </asp:DropDownList>

可以在标记中设置 GridView 行的高度：

<asp:GridView runat="server" ID="yourGridViewID" ...>
    <RowStyle Height="20px" />

或在代码中：

yourGridViewID.RowStyle.Height = "20px";

你也可以添加一个CssClass：

<RowStyle CssClass="myRowStyle" />

。并在样式表中应用您喜欢的任何样式：

.myRowStyle { display:inline-block; height: 20px; }
我认为将

DropDownList 放在 GridView 列中的固定高度<div>中（您必须使用 TemplateField）将起作用。像这样：

<asp:GridView ...>
  <TemplateField>
    <div style="height: 100px; overflow: auto;">
      <asp:DropDownList ...>
    </div>
  </TemplateField>
  ...
</asp:GridView>
相关文章：