2012-03-14 53 views
0

我有一個使用AjaxControlToolkit的網站。我爲該網站製作了一些與iPhone兼容的並行頁面,由於Ajax在移動瀏覽器中不太好看,我試圖逐步淘汰它。一個這樣的Ajax工具是CalendarExtender,我用this method用iPhone的日期選取器取代。如何讓我的網站提示iphone的下拉菜單?

我需要替換的第二個工具是AutoCompleteExtender。當用戶在文本框中輸入文本時,它的功能就像一個簡單的下拉菜單。目的是搜索功能;我有很多聯繫人列表,當用戶開始鍵入姓名或公司名稱時,擴展程序會顯示一個基於用戶輸入內容的建議列表。

下面是它看起來像在阿賈克斯:

<asp:TextBox ID="NameTextBox" runat="server" AutoComplete="off" AutoPostBack="True" 
             OnTextChanged="NameTextBox_TextChanged" Width="95%" Font-Size="Medium"></asp:TextBox> 
            <cc1:AutoCompleteExtender ID="NameTextBox_AutoCompleteExtender" runat="server" CompletionInterval="250" 
             CompletionListCssClass="autocomplete_completionListElement" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem" 
             CompletionListItemCssClass="autocomplete_listItem" DelimiterCharacters="" Enabled="True" 
             MinimumPrefixLength="2" ServiceMethod="GetCompletionList" ServicePath="" TargetControlID="NameTextBox" 
             UseContextKey="True"> 
            </cc1:AutoCompleteExtender> 

什麼是一個很好的方式與iPhone的用戶界面的一個共用的部件(如UIPickerView)來代替這一點,或者更一般的移動友好件的HTML?

回答

1

我會使用標準的HTML元素來保持用戶體驗。 對於自動完成部分,我會使用一些JavaScript或jQuery插件。您也可以選擇使用jQuery UI中的Autocomplete:http://jqueryui.com/demos/autocomplete/

+0

這看起來應該很好地工作。我需要看看它處理自動完成列表中的更大元素的能力(我列表中的每個元素都是聯繫人的全名和公司名稱)。但是從我的應用程序查看演示看起來很流暢清晰,這與Ajax工具在這個移動環境中相當嚴重。 – Andrew 2012-03-26 17:56:32

相關問題