2011-11-23 4 views
2

는 기본적으로,이있어 다음AjaxToolkit : ComboBox + AjaxToolkit : ModalPopupExtender - ComboBox 드롭 다운 목록은 어떻게 수정합니까?

.AjaxComboBoxWindowsStyle 
{ 
    position: relative; 
} 

.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer, .AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer 
{ 
    padding: 0 !important; 
} 

.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input 
{ 
    margin: 0; 
    border: solid 1px #7F9DB9; 
    border-right: 0px none; 
    padding: 0px 0px 0px 0px; 
    font-size: 13px; 
    height: 19px !important; 
} 
.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button 
{ 
    margin: 0; 
    padding: 0; 
    background-image: url(Img/ComboBox/windows-arrow.gif); 
    background-position: top left; 
    border: 0px none; 
    height: 21px !important; 
    width: 21px !important; 
} 
.AjaxComboBoxWindowsStyle .ajax__combobox_itemlist 
{ 
    border-color: #7F9DB9; 
    position: absolute !important; 
    left: -173px !important; 
    top: 22px !important; 
    width: 171px !important; 
} 

<asp:Panel id="divItem" class="lrgModalWrap" style="display: block;" runat="server"> 
        <ajaxToolkit:ComboBox ID="cmbEmployees" CssClass="AjaxComboBoxWindowsStyle" runat="server" AutoPostBack="False" DropDownStyle="DropDown" AutoCompleteMode="SuggestAppend" 
        CaseSensitive="False" ItemInsertLocation="Append" MaxLength="32" /> 
</asp:Panel> 

<ajaxToolkit:ModalPopupExtender ID="mpeParcel" BackgroundCssClass="modalBgd" CancelControlID="lbtnCancelParcel" TargetControlID="hdnItem" PopupControlID="divItem" runat="server" /> 

문제는 콤보 상자의 드롭 다운 목록 팝업 모델의 바닥이 어디에서 끝나는 지 ... 팝업 모달의 콤보 부분이 제대로 렌더링 차단하지만 것입니다 나머지 하지 않습니다.

이상하게도 표준 DropdownList (선택 사항)가 올바르게 렌더링됩니다.

+1

매우 높은 z- 색인을 지정하면 어떨까요? 그게 도움이 되니? – kevev22

+0

나는 그것에 대해 생각했다. 나는 z- 인덱스를'20000! important'로 설정했다. (ModelPopupExtender가 갖는 10001을 넘어 설 수 있도록). –

답변

1

이것은 렌더링되는 ComboBox가 표시되는 모달 팝업 위에 겹쳐 질만큼 충분히 앞으로 설정되지 않는 Z- 인덱스 관련 문제 일 가능성이 큽니다.

I had relating to the Ajax Calendar Extender 같은 체크 아웃을 사용하면 올바르게 표시되도록 동일한 스타일링을 적용 할 수 있습니다.

관련 문제