jQWidgets Forums
jQuery UI Widgets › Forums › Lists › DropDownList › Bug dropdownlist and IE8
This topic contains 2 replies, has 2 voices, and was last updated by yarkk 11 years, 2 months ago.
-
AuthorBug dropdownlist and IE8 Posts
-
Hi,
I use the jQWidget 3.2.1 version with jQuery 1.10.2 and I have a problem with the dropdownlist and IE 8.
If a dropdownlist is created by an event such a click on a button the loadFromSelect’ method didn’t work
Moreover if the dropdownlist has no scrollbar the exception “Invalid Argument” is thrown.Here is some code :
<!DOCTYPE html>
<html lang=”fr”>
<head>
<meta charset=”utf-8″><title>DropdownList</title>
<link href=”js/jqwidgets/styles/jqx.base.css” type=”text/css” rel=”stylesheet”/>
<link href=”js/jqwidgets/styles/jqx.ui-start.css” type=”text/css” rel=”stylesheet”/>
<link href=”css/start/jquery-ui-1.10.3.custom.min.css” rel=”stylesheet”>
</head>
<body>
<button id=”test_button”>Test</button>
<div id=”dropdownlist”></div>
<select id=”select” >
<option value=”choice” selected=”selected” >choice</option>
<option value=”fill-in” >fill-in</option>
<option value=”long-fill-in” >long-fill-in</option>
<option value=”matching” >matching</option>
<option value=”sequencing” >sequencing</option>
</select>
<script type=”text/javascript” src=”js/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”js/jquery-ui-1.10.3.custom.min.js”></script>
<script type=”text/javascript” src=”js/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”js/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”js/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”js/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”js/jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
$(“#test_button”).button();
$(“#test_button”).on(“click”, function(){
//bug scrollbar
$(“#dropdownlist”).jqxDropDownList({width:’100%’, height:25, theme:”ui-start”, autoDropDownHeight:true});
//bug loadFromSelect
//$(“#dropdownlist”).jqxDropDownList({width:’100%’, height:25, theme:”ui-start”, dropDownHeight:100});
$(“#dropdownlist”).jqxDropDownList(‘loadFromSelect’, ‘select’);
$(“#dropdownlist”).jqxDropDownList(‘selectItem’, $(“#dropdownlist”).jqxDropDownList(‘getItemByValue’, $(“#select”).val()));
});
});
</script>
</body>
</html>Thanks!
Hi yarkk,
The current version is jQWidgets 3.2.2. Your issue cannot be reproduced with it.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comI upgrade my jQWidgets version to 3.2.2 and it solve my problem.
Thanks -
AuthorPosts
You must be logged in to reply to this topic.