2013-09-24 247 views
0

我有一個gridview行中的下拉列表。Asp.net下拉列表可滾動

我希望該dropdownlist有一個滾動條,如果它超過5項,但gridview的行不應該增長。

使用

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

我有一個滾動條,但排成長!

回答

0

您可以設置一個GridView行的高度在你的標記:

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

或者代碼:

yourGridViewID.RowStyle.Height = "20px"; 

你也可以只添加的CssClass:

<RowStyle CssClass="myRowStyle" /> 

...並在樣式表中應用您喜歡的任何樣式:

.myRowStyle { display:inline-block; height: 20px; } 
0

我認爲將DropDownList放在GridView列中的固定高度<div>(您將不得不使用TemplateField)。事情是這樣的:

<asp:GridView ...> 
    <TemplateField> 
    <div style="height: 100px; overflow: auto;"> 
     <asp:DropDownList ...> 
    </div> 
    </TemplateField> 
    ... 
</asp:GridView> 
+0

我 – tulkas85

1
<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> 
+0

GridView的行成長的onmouseover不行....我需要的項目出現在排在上方,如下拉列表通常不會。我需要這些項目出現在重疊的div中 – tulkas85