Как сделать так, чтобы на моем сайте отображался эквивалент выпадающего меню на iphone? - PullRequest
0 голосов
/ 14 марта 2012

У меня есть веб-сайт, который использует AjaxControlToolkit.Я делаю несколько параллельных страниц для iPhone для сайта, и, поскольку Ajax не очень хорошо выглядит в мобильном браузере, я пытаюсь отказаться от него.Одним из таких инструментов Ajax является CalendarExtender, который я заменил на устройство выбора даты 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 (например, UIPickerView), либо более общим для HTML фрагментом кода, удобным для мобильных устройств?

1 Ответ

1 голос
/ 24 марта 2012

Я бы использовал стандартный HTML-элемент для поддержки взаимодействия с пользователем.Для автозаполнения я бы использовал javascript или плагин jQuery.Вы также можете использовать Автозаполнение из пользовательского интерфейса jQuery: http://jqueryui.com/demos/autocomplete/.

...