Question

我有一个使用AjaxControlToolkit的网站。我正在为该网站制作一些与iPhone兼容的并行页面，由于Ajax在移动浏览器中看起来并不是很好看，我正试图逐步淘汰它。一个这样的Ajax工具是CalendarExtender，我使用this method替换为iPhone的日期选择器。

我需要替换的第二个工具是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>

用一个常见的iPhone UI（例如UIPickerView）或更流行的适合移动设备的HTML替换它的好方法是什么？

Answer 1

我会使用标准的HTML元素来维护用户体验。对于自动完成部分，我会使用一些javascript或jQuery插件。您还可以选择使用jQuery UI中的自动填充功能：http://jqueryui.com/demos/autocomplete/。

如何让我的网站提示iphone相当于一个下拉菜单？

1 个答案: