2012-03-14 19 views
0

私はAjaxControlToolkitを使用するWebサイトを持っています。私はサイトにいくつかの並行したiPhoneにやさしいページを作っています.Ajaxはモバイルブラウザでうまく見えませんので、私はそれを段階的に解消しようとしています。そのようなAjaxツールの1つがCalendarExtenderであり、私はthis methodを使ってiPhoneの日付ピッカーに置き換えました。iphoneのプルダウンメニューにウェブサイトのプロンプトを表示させるにはどうすればよいですか?

私が置き換える必要がある2番目のツールは、AutoCompleteExtenderです。ユーザーがテキストをテキストボックスに入力すると、単純なドロップダウンメニューとして機能します。目的は機能を検索することです。連絡先のリストが大量にあり、ユーザーが名前や会社名を入力すると、ユーザーが入力した内容に基づいて候補のリストが表示されます。

ここでは、Ajaxの中に次のようになります。

<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> 

(例えばUIPickerViewなど)iPhone UIの共通部分のいずれかでこれを置き換えるための良い方法、またはより一般的なモバイル向けの作品は何ですかのHTML?

答えて

1

標準のHTML要素を使用してユーザーエクスペリエンスを維持します。 オートコンプリート部分については、いくつかのjavascriptまたはjQueryプラグインを使用します。 jQuery UIのオートコンプリートを使用することもできます:http://jqueryui.com/demos/autocomplete/

+0

これは非常にうまく動作するように見えます。オートコンプリートリストの大きな要素(リストの各要素は連絡先の完全な名前と会社名)をどれくらいうまく処理できるかを確認する必要があります。しかし、このモバイル環境ではかなり重大に壊れたAjaxツールとは異なり、私のアプリからのデモを見るのがスムーズかつクリアに見えました。 – Andrew

関連する問題