Question

我有一个名为“gvDUDesc”的GridView，其中包含以下列：

 <Columns>
  <asp:TemplateField HeaderText="Description" ControlStyle-Width="100%"
       ItemStyle-Width="200px">
    <ItemTemplate>
      <asp:DropDownList ID="ddlDUDescription" runat="server" AutoPostBack="true"
           OnSelectedIndexChanged="ddlDescriptionEvent" Font-Size="Smaller">
      </asp:DropDownList>
    </ItemTemplate>
   </asp:TemplateField>
 </Columns>

我想显示放置在GridView中的DropDownList的全文。我不知道如何实现这个目标？

我为普通的DropDownList尝试了下面的东西。它工作正常。但对于GridView中的DropDownList，它无法正常工作。

我的解决方案中有一个单独的style.css文件，在该style.css文件中添加样式

.ctrDropDown
{
    width:154px;
    font-size:11px;
}
.ctrDropDownClick
{
    font-size: 11px;
    width:auto;
}
.plainDropDown
{
    width:154px;
    font-size:11px;
}

在aspx文件中，

<asp:DropDownList ID="ddlDropID" runat="server" CssClass="ctrDropDown"
                  onBlur="this.className='ctrDropDown';"
                  onMouseDown="this.className='ctrDropDownClick';" 
                  onChange="this.className='ctrDropDown';">
</asp:DropDownList>

我删除了上面语法中的width属性。

如何为放置在GridView中的DropDownList执行此操作？

Answer 1

只需将以下标记放在页面中即可。您的下拉列表将需要所需的宽度。

<Columns>
    <asp:TemplateField HeaderText="Description" ControlStyle-Width="100%" ItemStyle-  Width="200px">
    <ItemTemplate>
          <asp:DropDownList ID="ddlDUDescription" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlDescriptionEvent" Font-Size="Smaller">
          </asp:DropDownList>
    </ItemTemplate>
    <ItemStyle  Width="300px" />
    </asp:TemplateField>

如何在GridView中查看DropDownList中的全文？

1 个答案: