Fórum
autocomplete list
zoon oon, modificado 9 Anos atrás.
autocomplete list
Junior Member Postagens: 48 Data de Entrada: 19/09/14 Postagens Recentes
приветствую!
реализовал автозаполняемый список (т.е. варианты выбора динамически подгружаются всякий раз как я ввожу символ в инпут), да вот проблема:
при поиске подходящих для вывода значений я использую что-то типа sql'ного like 'asd%123%', т.е. если ввести в инпут значение 'м а', то мне подойдут такие значения как: МельницА, МозАика, аМанАт и т.п.
на клиенте список подходящих значений я получаю, но вот список с вариантами НЕ отображается, думаю это проблема моей реализации, подскажите в чем проблема
реализовал автозаполняемый список (т.е. варианты выбора динамически подгружаются всякий раз как я ввожу символ в инпут), да вот проблема:
при поиске подходящих для вывода значений я использую что-то типа sql'ного like 'asd%123%', т.е. если ввести в инпут значение 'м а', то мне подойдут такие значения как: МельницА, МозАика, аМанАт и т.п.
на клиенте список подходящих значений я получаю, но вот список с вариантами НЕ отображается, думаю это проблема моей реализации, подскажите в чем проблема
<aui:input id="myInputNode" name="myInputNode" label="User Email" helpMessage="Type User Email address in Input Box" />
<aui:script>
AUI().use('autocomplete-list','aui-base','aui-io-request','autocomplete-filters','autocomplete-highlighters',function (A) {
var testData;
new A.AutoCompleteList({
allowBrowserAutocomplete: 'true',
activateFirstItem: 'true',
inputNode: '#<portlet:namespace />myInputNode',
resultTextLocator:'value',
render: 'true',
resultHighlighter: 'phraseMatch',
resultFilters:['phraseMatch'],
source:function(){
var inputValue=A.one("#<portlet:namespace />myInputNode").get('value');
var myAjaxRequest=A.io.request('<%=getUsers.toString()%>',{
dataType: 'json',
method:'POST',
data:{
<portlet:namespace />keywords:inputValue,
},
autoLoad:false,
sync:false,
on: {
success:function(){
var data=this.get('responseData');
testData=data;
}}
});
myAjaxRequest.start();
return testData;},
});
});
</aui:script>
zoon oon, modificado 9 Anos atrás.
RE: autocomplete list
Junior Member Postagens: 48 Data de Entrada: 19/09/14 Postagens Recentes
понял, что за это отвечает параметр resultFilters:['phraseMatch'], удалил
работает, но иногда глючит:
- если ввести значение в инпут
- затем удалить все из него
- затем снова ввести какую, либо букву, то выпадающий список не отображает все пришедшие от сервера значения
это лечится? как?
и еще вопрос: через параметр resultTextLocator:'value' настраивается, что в поле будет отображаться параметр json'а value и этот же параметр будет сабмититься на сервер, а мне нужно чтобы на сервер сабмителся параметр key, а отображался в инпуте и в списке выпадающем value.
как реализовать?
работает, но иногда глючит:
- если ввести значение в инпут
- затем удалить все из него
- затем снова ввести какую, либо букву, то выпадающий список не отображает все пришедшие от сервера значения
это лечится? как?
и еще вопрос: через параметр resultTextLocator:'value' настраивается, что в поле будет отображаться параметр json'а value и этот же параметр будет сабмититься на сервер, а мне нужно чтобы на сервер сабмителся параметр key, а отображался в инпуте и в списке выпадающем value.
как реализовать?