2014-07-04 60 views
1

我在我的asp:DropDownList之一上使用了Ajax Listsearchextender,並且它在Internet Explorer和Chrome中看起來似乎不正常。Ajax:Listsearchextender在IE和Chrome中不工作

在這兩個瀏覽器中,我都可以輸入搜索詞並按下Enter鍵,並且會選中正確的元素,儘管沒有瀏覽器在打字時突出顯示「建議」選項。 Chrome瀏覽器不會在輸入時更改searchExtender的提示文字,而在IE中,打開的DropDownList通常會覆蓋整個searchExtender,因此無法知道它是否存在。儘管searchExtender在技術上可行(在回車時選擇),但它缺乏基本的反饋,導致它在IE和Chrome中無法使用。

另一方面,在Firefox中,所有的東西都像魅力一樣工作。 我會把我的代碼放在這裏以達到很好的效果,但是因爲它在Firefox中工作,所以我不確定問題是否存在。

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

,我做的searchExtender唯一的造型添加邊框,以便它可以更明顯..

我在想,如果那些已知的問題,如果是這樣,是有辦法,我可以修復這個?我還想知道是否有一種«更推薦»的方式來實現Dropbox自動建議,而不是使用Ajax的Listsearchextender,因爲它似乎沒有得到很好的支持。

謝謝!

+0

嗯,我去了https://ajaxcontroltoolkit.codeplex.com/workitem/list/basic,現在好像已經有一段時間報道過這個問題了。開發人員沒有給出太多反饋意見,自上次更新8個月以來,整體而言,這個庫看起來並沒有得到很好的維護。我切換到Chosen庫(基於jQuery:http://harvesthq.github.io/chosen/),它可以完成我想要的更多功能,同時具有比Listsearchextender更好的外觀。 – UncleBen

+0

感謝您的提示(harvesthq.github.io/chosen)。事實上,這個bug在這裏已經太長了,沒有被修復。我會將我的代碼添加到此帖子中。 –

+0

我很高興我可以得到一些幫助。我仍然感到驚訝,它沒有被修復,因爲它顯然不工作。我在.Net方面沒有太多經驗,但認爲ajaxToolkit比較常用。 – UncleBen

回答

0

對於任何未來遇到此問題的人 - 我遇到過類似的問題,只是Chrome對我工作正常,而IE只顯示搜索提示的最後一個字母或任何鍵入框中的內容。我發現一些信息here表明你需要你的目標控制有一個合適的寬度。這適用於Chrome,但不足以支持IE瀏覽器。我發現工作是更新您的PromptCssClass以包括寬度和邊界,就像這樣:

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

有可能在此,將工作,待試驗的一些其他變化。因人而異。

相關問題