[spekaryMember]

I wanted to follow up on this post. Now that I understand a little more about how your search mechanism works, I wanted to point out situations where drop-down menus can get into a strange state if you type quickly and tab out.

Here are details to recreate the problem on different demos on your website:

Combobox:Settings
Type ‘Am’ + tab very quickly.
Result: Depending on your speed, you will either see “Americano” with the listbox closed, or “Americano” with the listbox still open, or just “Am” with the listbox open.
Expected: “Americano” with listbox closed.

Combobox:Remote Search
Type ‘be’ then press tab.
Result: If you type the tab quickly, the listbox will open and stay showing.
Expected: Regardless of the speed of typing, the listbox should either not open, or open and then close

InputBox:Default Functionality
Type “b” + tab.
Result: Depending on your speed, you will either see “Bahamas” with the listbox closed, or “b” with the listbox still open, or “b” with the listbox closed.
Expected: “Bahamas” with listbox closed.

Also, a “small” request. If the user presses tab in a jqxInputBox, I would like the tab to go to the next field as normal AND have it select the highlighted item in the listbox. Currently, you have to press tab twice, once to select, and again to go to next field.

[spekaryMember]

Regarding EULA, nothing is posted yet at QCubed, so there is no current violation. Your Web site says:

You are allowed to distribute jQWidgets with non-commercial packages given that you fulfill two conditions:

Emphasize to your users that jQWidgets is not free for commercial use. You can do this on your download page or when your users activate jQWidgets in your application.
Provide a link back to this web page in the same location.

Which is exactly what we intend to do. If you would prefer that we not post a current version of jqwidgets, then we will simply refer people to your website, and we will only provide an interface to your code. The intention is not to compete, but rather complement both products.

Regarding jqxdata.js, I just downloaded from the non-commercial link, and jqxdata.js is in the documentation folder. Also, its NOT the minified version. To prove it, here is a snippet I cut from it, which includes your original variable names and which I wouldn’t be able to get from the minified version.

[spekaryMember]

Sorry again. It looks like parts of my code did not come through. What I was doing was setting the div to 100% width that has the id of #jqComboBox, and taking out the 100% width in the jqxComboBox call.

How did my previous post violate the EULA?

[spekaryMember]

Sorry about that. Using jqwidgets 2.8 and have tried 1.8.3 and 1.9.2 of jQuery.

Thank you for your example, it was very helpful. Your example works, but the following does not work:

Change

$(“#jqxComboBox”).jqxComboBox({ source: source, selectedIndex: 0, width: ‘100%’, height: ’25px’});

to

$(“#jqxComboBox”).jqxComboBox({ source: source, selectedIndex: 0, height: ’25px’});

and then

to

You will then see the error I am seeing

Also, if you use a ajax dataAdapter with your example, and set the width to 100%, you will get an error: virtualSize undefined.

Platform: Mac 10.6, reproduced in Safari and Firefox for both problems.

[spekaryMember]

Tried it on your website. Excellent work. Also, I missed the 2 character thing. Sorry about that. Thanks for your help.

[spekaryMember]

For #2, go to the demo you specify and do either of these two things:
1) type c , and then tab, very quickly
2) hover over one of the checkboxes. Now type c and click the checkbox very quickly.

In both cases, you will be left with a “c” in the field and nothing selected.

I do have to say that when I try the remote demo, if I type one letter, I see the same problem, but when I type two letters, a selection appears, no matter how fast I type and tab out. And the data appears quickly. That is very impressive.

[Author]

Posts