broken autoComplete in jqxComboBox in the 3.0 release

[kingaruParticipant]

Hello,

I have issues with selection of items from jqxComboBox with autoComplete set to true with the latest 3.0 release. When you try to select an item from the list it takes completely different one than you tried to select. Confirmed that with the previous  2.9.3 release this feature works fine. 

Regards

Igor

 

[Peter StoevKeymaster]

Hi Igor,

The autoComplete works in a different, better way in ver. 3.0, but that does not mean that it is broken. If you experience some issue, then please provide a sample which demonstrates it and we will check whether your code is correct or it is an issue on our side.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[kingaruParticipant]

Hi Peter,

Thanks a lot for your prompt feedback. Here is the simple code for the test:

———– index.html ————

<div id="test_form" style="margin-left: 1%; margin-top: 1%">
      <div><h3>Testing comboBox</h3></div>
                <div>
                        <form id="service_register_form" target="form-iframe"  style="font-size: 13px; font-family: Verdana;">
                        <table class="register-table">
                                <tr>
                                        <td>A ComboBox:</td>
                                        <td><div id='cbox'> </div></td>
                                </tr>
                                <tr>
                        </table>
                        </form>
                </div>
        </div>
</div>

———- End index.html ————

———– test.js ———————

$(document).ready(function () {
        var mydata = [
                {id:"1", type: "This is the line 1"},
                {id:"2", type: "Another line for the test"},
                {id:"3", type: "More lines for the test"},
                {id:"4", type: "Extra line for the test"}
                ];
        $("#cbox").jqxComboBox({ source: mydata, displayMember: 'type', valueMember: 'id' , placeHolder: "Select an item",
                                                        height: 25, width: 300, minLength: 3, autoDropDownHeight: true,  autoComplete: true,
                                                        searchMode: 'containsignorecase', theme: 'darkblue' });
}); // End of the .ready() function

———- end of the test.js —————

When I type “lines” in the combo box it filters out for slection only lines that have “lines” , however now when I want to select
“More lines for the test” it selects the following item instead. Now after that anything that you try to select from the combobox will be selected wrongly.

Regards
Igor

[Peter StoevKeymaster]

Hi Igor,

Thanks for the feedback!

The problem is in the getItem function and is coming from the fact that the IDs of the items are numbers. We will resolve that for version 3.0.1.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[jqWizardParticipant]

Hi!

I’ve just came across this issue. I’m using version 3.0.3 and autoComplete is still not working.

[Peter StoevKeymaster]

Hi jqWizard,

According to us the issue reported in this topic is resolved. If you experience an issue, then provide a sample which demonstrates it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[jqWizardParticipant]

Here is the example. In combobox enter Miami (last entry) and then select the first popup item and it will show Paris (the first entry).

[Peter StoevKeymaster]

Hi jqWizard,

The problem is the implementation of your Custom Rendering functions in the sample, not in the ComboBox. You do not use the “item” passed as parameter for rendering of the selected item, you use a collection which is defined outside the ComboBox which is not correct.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[jqWizardParticipant]

Yes, you’re right. Thank you!

[Author]

Posts