Does DHTMLX Touch combo support Autocomplete?

Discontinued products DHTMLX Touch
#1

Hi,

I am starting to use DHTMLX Touch for my project and love it so far, but have a need to use a combo box with autocomplete functionality. I noticed there is an AJAX driven combo box offered as a separate component. Can this be used with DHTML Touch for mobile devices? If not do you have any suggestions?

Thanks!
Mike

#2

Hi Mike,

“combo” view filters options in list and shows suggestions for the typed text. What is the desired behaviour ?

dhtmlxCombo, desktop component, can be used on mobile devices. However, it doesn’t have scroll that works on Android. Moreover, there is not a ready implementation with Touch form.

#3

I think the question (and it’s my question too) is, how do we dynamically load the data/options from a callback to the server?

Say the combo is for a search box: how do I get the relevant terms based on what is being typed? The user types ‘mi’ and I want to load in ‘Michigan’, ‘Mississippi’, ‘Missouri’.

Is this possible?

#4

You can attach a popup to text input. To handle keypress event you can extend your input from dhx.KeyEvents module and set set onTimedKeyPress event.

[code]dhx.ui({
view:“popup”,
id:“popupList”,
body:{
view:“list”,
id:“resList”
}
}).hide()

dhx.ui({
…
{ view: “text”, id: ‘text1’, popup: “popupList”, …},
…
})

dhx.extend($$(“text1”),dhx.KeyEvents);
$$(“text1”).attachEvent(“onTimedKeyPress”, function(){
$$(“popupList”).show();
var text = $$(“text1”).getValue();
//your code here
});[/code]

To load values that correspond mask you reload list manually (clearAll and load methods) or use “binding” as in:

// bind list with DataValue object var maskValue = new dhx.DataValue(); $$('resList').define("dataFeed", "data.php"); $$('resList').bind(maskValue, function(inputData, listData){ listData.mask = inputData; }); // change DataValue on onTimedKeyPress event dhx.extend($$("text1"),dhx.KeyEvents); $$("text1").attachEvent("onTimedKeyPress", function(){ $$("popupList").show(); maskValue.setValue($$("text1").getValue()); });