jQWidgets Forums
Forum Replies Created
-
Author
-
May 13, 2015 at 3:47 pm in reply to: Missing functionality with jQuery < 1.9 Missing functionality with jQuery < 1.9 #71077
Peter,
The same problem exists in jQuery 1.8. If you are unable to fix this due to a limitation of jQuery, I would suggest you increase your minimum supported version to 1.9.0 or at least make some additional notes in your documentation surrounding this focus issue.
Thanks,
Dan
May 12, 2015 at 3:17 pm in reply to: Missing functionality with jQuery < 1.9 Missing functionality with jQuery < 1.9 #71017Nadezhda,
To test out whether the problem existed in our code versus your widget, I did not even download the libraries, but rather referenced them from your demo site. Below is the code that I copied locally that shows the problem. By simply changing the value of the jquery library from 1.11.1 to any version less than 1.9.0 (minimum 1.7.2), you can see that the example changes behavior according to my original post. This code was copied directly from your ComboBox demo page and all libraries are referenced directly from your server.
<!DOCTYPE html>
<html lang=”en”>
<head>
<title id=’Description’>
This sample illustrates the Multi Select feature of jqxComboBox. That feature allows the selection of multiple values from jqxComboBox.
</title>
<link rel=”stylesheet” href=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/scripts/jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/scripts/demos.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcombobox.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxpanel.js”></script>
<script type=”text/javascript” src=”http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcheckbox.js”></script>
</head>
<body>
<div id=’content’>
<script type=”text/javascript”>
$(document).ready(function () {
var countries = new Array(“Afghanistan”, “Albania”, “Algeria”, “Andorra”, “Angola”, “Antarctica”, “Antigua and Barbuda”, “Argentina”, “Armenia”, “Australia”, “Austria”, “Azerbaijan”, “Bahamas”, “Bahrain”, “Bangladesh”, “Barbados”, “Belarus”, “Belgium”, “Belize”, “Benin”, “Bermuda”, “Bhutan”, “Bolivia”, “Bosnia and Herzegovina”, “Botswana”, “Brazil”, “Brunei”, “Bulgaria”, “Burkina Faso”, “Burma”, “Burundi”, “Cambodia”, “Cameroon”, “Canada”, “Cape Verde”, “Central African Republic”, “Chad”, “Chile”, “China”, “Colombia”, “Comoros”, “Congo, Democratic Republic”, “Congo, Republic of the”, “Costa Rica”, “Cote d’Ivoire”, “Croatia”, “Cuba”, “Cyprus”, “Czech Republic”, “Denmark”, “Djibouti”, “Dominica”, “Dominican Republic”, “East Timor”, “Ecuador”, “Egypt”, “El Salvador”, “Equatorial Guinea”, “Eritrea”, “Estonia”, “Ethiopia”, “Fiji”, “Finland”, “France”, “Gabon”, “Gambia”, “Georgia”, “Germany”, “Ghana”, “Greece”, “Greenland”, “Grenada”, “Guatemala”, “Guinea”, “Guinea-Bissau”, “Guyana”, “Haiti”, “Honduras”, “Hong Kong”, “Hungary”, “Iceland”, “India”, “Indonesia”, “Iran”, “Iraq”, “Ireland”, “Israel”, “Italy”, “Jamaica”, “Japan”, “Jordan”, “Kazakhstan”, “Kenya”, “Kiribati”, “Korea, North”, “Korea, South”, “Kuwait”, “Kyrgyzstan”, “Laos”, “Latvia”, “Lebanon”, “Lesotho”, “Liberia”, “Libya”, “Liechtenstein”, “Lithuania”, “Luxembourg”, “Macedonia”, “Madagascar”, “Malawi”, “Malaysia”, “Maldives”, “Mali”, “Malta”, “Marshall Islands”, “Mauritania”, “Mauritius”, “Mexico”, “Micronesia”, “Moldova”, “Mongolia”, “Morocco”, “Monaco”, “Mozambique”, “Namibia”, “Nauru”, “Nepal”, “Netherlands”, “New Zealand”, “Nicaragua”, “Niger”, “Nigeria”, “Norway”, “Oman”, “Pakistan”, “Panama”, “Papua New Guinea”, “Paraguay”, “Peru”, “Philippines”, “Poland”, “Portugal”, “Qatar”, “Romania”, “Russia”, “Rwanda”, “Samoa”, “San Marino”, ” Sao Tome”, “Saudi Arabia”, “Senegal”, “Serbia and Montenegro”, “Seychelles”, “Sierra Leone”, “Singapore”, “Slovakia”, “Slovenia”, “Solomon Islands”, “Somalia”, “South Africa”, “Spain”, “Sri Lanka”, “Sudan”, “Suriname”, “Swaziland”, “Sweden”, “Switzerland”, “Syria”, “Taiwan”, “Tajikistan”, “Tanzania”, “Thailand”, “Togo”, “Tonga”, “Trinidad and Tobago”, “Tunisia”, “Turkey”, “Turkmenistan”, “Uganda”, “Ukraine”, “United Arab Emirates”, “United Kingdom”, “United States”, “Uruguay”, “Uzbekistan”, “Vanuatu”, “Venezuela”, “Vietnam”, “Yemen”, “Zambia”, “Zimbabwe”);
// Create a jqxComboBox
$(“#jqxComboBox”).jqxComboBox({source: countries, multiSelect: true, width: 350, height: 25});
$(“#jqxComboBox”).jqxComboBox(‘selectItem’, ‘United States’);
$(“#jqxComboBox”).jqxComboBox(‘selectItem’, ‘Germany’);
$(“#arrow”).jqxButton({ });
$(“#arrow”).click(function () {
$(“#jqxComboBox”).jqxComboBox({ showArrow: false });
});
// trigger selection changes.
$(“#jqxComboBox”).on(‘change’, function (event) {
var items = $(“#jqxComboBox”).jqxComboBox(‘getSelectedItems’);
var selectedItems = “Selected Items: “;
$.each(items, function (index) {
selectedItems += this.label;
if (items.length – 1 != index) {
selectedItems += “, “;
}
});
$(“#log”).text(selectedItems);
});
});
</script>
<span style=”font-size: 13px; font-family: Verdana;”>Select countries</span>
<div style=”margin-top: 5px;” id=’jqxComboBox’>
</div>
<input type=”button” id=”arrow” style=”margin-top: 20px;” value=”Hide DropDown Button” />
<div style=”margin-top: 10px; font-size: 13px; font-family: Verdana;” id=”log”></div>
</div>
</body>
</html> -
AuthorPosts