Ajax : Listsearchextender가 IE 및 Chrome에서 작동하지 않습니다.

DropDownList 중 하나에서 Ajax Listsearchextender를 사용하고 있는데 Internet Explorer와 Chrome에서 제대로 작동하지 않는 것 같습니다.Ajax : Listsearchextender가 IE 및 Chrome에서 작동하지 않습니다.

두 브라우저 모두 입력 할 때 검색 단어를 입력하고 Enter 키를 누르면 정확한 요소가 선택되지만 브라우저에서는 "추천"옵션을 강조 표시하지 않습니다. Chrome은 입력하는 동안 searchExtender의 promptText를 이벤트가 변경하지 않으며 Internet Explorer에서 열린 DropDownList가 전체 searchExtender를 덮어서 그것이 있는지 여부를 알 수 없습니다. searchExtender가 기술적으로 작동하더라도 (enter시 선택) IE 및 Chrome에서 사용할 수없는 방식으로 기본 피드백이 부족합니다.

반면에 파이어 폭스에서는 모든 것이 매력처럼 작동합니다. 좋은 조치를 취하기 위해 여기에 제 코드를 넣겠습니다. 그러나 Firefox에서 작동하기 때문에 문제가 있는지 확실하지 않습니다. 더 볼 수 있도록 나는 searchExtender에 할

<ajaxToolkit:ListSearchExtender ID="lse_ddl" runat="server" 
    TargetControlID="ddl" PromptCssClass="PanelSearch" PromptText="Search.."/> 
<asp:DropDownList ID="ddl" style="width:350px;" runat="server"/>

유일한 스타일링

가 궁금 해서요 .. 테두리를 추가 그렇다면, 알려진 문제점을 어디서 그 경우, 방법이 있습니다 I 이 문제를 해결할 수 있습니까? 또한 Ajax의 Listsearchextender를 사용하는 것보다 dropbox auto-suggestion을 얻기 위해 더 나은 방법이 있는지 알고 싶습니다. 잘 지원되지 않는 것 같습니다.

감사합니다.

출처

2014-07-04 UncleBen

흠, 나는 https://ajaxcontroltoolkit.codeplex.com/workitem/list/basic에 갔다. 이제는 꽤 많은 시간 동안보고 된 문제인 것으로 보인다. 개발자는 많은 의견을 제공하지 않으며 마지막 업데이트 이후 8 개월이 지났음에도 불구하고 전반적으로이 라이브러리는 잘 유지 관리되지 않는 것 같습니다. 나는 Listsearchextender보다 더 좋은 모습을 보였지만 Choice 라이브러리 (jQuery 기반 : http://harvesthq.github.io/chosen/)로 바꿨다. – UncleBen

팁 주셔서 감사합니다 (harvesthq.github.io/chosen). 실제로이 버그는 수정되지 않고 여기에 너무 오래있었습니다. 이 게시물에 코드를 추가하겠습니다. –

도움이 될 수있어서 다행입니다. 나는 그것이 분명히 작동하지 않기 때문에 아직 고쳐지지 않았다는 것에 놀랐다. 나는 닷넷에 많은 경험이 없지만 ajaxToolkit이 비교적 일반적으로 사용되었다고 생각했다. – UncleBen

미래에이 문제가 발생하는 경우 - IE에서 검색 메시지의 마지막 글자 또는 상자에 입력 한 내용 만 표시하는 동안 크롬이 정상적으로 작동한다는 점만 제외하면 비슷한 문제가있었습니다. 나는 너비가 적절한 너비가되도록 타겟 컨트롤이 필요하다는 약간의 정보 here을 발견했다. 이것은 Chrome에서 작동하지만 IE에는 충분하지 않습니다. 실험 보류, 일 것이라고이에 다른 변화가 아마 있습니다

.lse 
{ 
    width: 250px; 
    border:1px solid black; 
    border-style:ridge; 
}

: 내가 일을 발견 한 것은이 같은 폭과 국경을 모두 포함하도록 PromptCssClass를 업데이트하는 것입니다. YMMV.

출처

2015-12-03 17:32:32 morgb

Ajax : Listsearchextender가 IE 및 Chrome에서 작동하지 않습니다.

답변

관련 문제