контроль высоты автозаполнения инструментария ajax в asp.net(vb)

у меня есть текстовое поле, и я хочу, чтобы, когда я начну печатать, автозаполнение покажет предложение. это мой html-код

<tr>
    <td valign="top" align="right">
      <asp:Label ID="labelPayableAccount" runat="server" CssClass="ItemTitle" Text="Payable Account"></asp:Label>
    </td>
    <td valign="top" align="center" class="style2">
      <asp:Label ID="labelPayableAccountColon" runat="server" CssClass="ItemTitle" Text=":"></asp:Label>
    </td>
    <td valign="top" align="left">
      <asp:TextBox ID="txtPayableAccount" runat="server" Width="400px" CssClass="textBoxString"></asp:TextBox>
    <div id="divwidth1">
    </div>

<ajaxToolkit:AutoCompleteExtender ID="autoComplete1" runat="server" EnableCaching="true"
    BehaviorID="AutoCompleteEx" MinimumPrefixLength="1" TargetControlID="txtPayableAccount"
    CompletionListElementID="divwidth1" CompletionListCssClass="AutoExtender" CompletionListItemCssClass="AutoExtenderList"
    CompletionListHighlightedItemCssClass="AutoExtenderHighlight" ServicePath="AutoComplete.asmx"
    ServiceMethod="GetCompletionListPayableAccount" CompletionSetCount="20" CompletionInterval="1"
    DelimiterCharacters=";, :" ShowOnlyCurrentWordInCompletionListItem="false">
</ajaxToolkit:AutoCompleteExtender>

<asp:RequiredFieldValidator ID="RequiredFieldValidatortxtPayableAccount" runat="server"
    ErrorMessage="Required !" ControlToValidate="txtSupplierType">
</asp:RequiredFieldValidator>
</td>
</tr>

и это код css для макета автозаполнения

.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left: 10px;
    max-height:180px;
}
.AutoExtenderList
{
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
}
.AutoExtenderHighlight
{
    color: White;
    background-color: #006699;
    cursor: pointer;
}
#divwidth1
{
    width: auto !important;
    height:180px !important;
}
#divwidth1 div
{
    width: auto !important;
}

я разработал макет так, чтобы высота рамки автозаполнения составляла 180 пикселей, но список не будет делать то же самое, вот снимок

введите здесь описание изображения

Кто-нибудь может мне помочь?


person sephtian    schedule 17.04.2013    source источник


Ответы (1)


Возможно, попробуйте добавить свойство overflow css?

#divwidth1
{
    width: auto !important;
    height:180px !important;

    **overflow: hidden;**
}
person yougotiger    schedule 17.04.2013