jQWidgets Forums

This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 12 years, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Dropdownlist ‘val’ & ‘selectItem’ not working Posts

January 31, 2013 at 9:46 am Dropdownlist ‘val’ & ‘selectItem’ not working #14415

Member

Hi,

I am not using ‘selectedIndex’ here, because I want to select the list based on the value or label. I am trying to implement the code, but it is not working. Am I doing something wrong?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="jQuery DropDownList, List, DropDownList, Popup List, 
jqxDropDownList, jqxListBox, List Widget, ListBox Widget, DropDownList Widget" />
<meta name="description" content="In this demo the ComboBox is bound to JSON data" />
<title id='Description'>In this demo the DropDownList is bound to JSON data.</title>
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/gettheme.js"></script>
<script type="text/javascript" src="../../scripts/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
</head>
<body>
<div id='content'>
<script type="text/javascript">
$(document).ready(function () {
var theme = getTheme();

var url = "../sampledata/customers.txt";

// prepare the data
var source =
{
datatype: "json",
datafields: [
{ name: 'CompanyName' },
{ name: 'ContactName' }
],
id: 'id',
url: url,
async: false
};
var dataAdapter = new $.jqx.dataAdapter(source);

// Create a jqxDropDownList
$("#jqxWidget").jqxDropDownList({ source: dataAdapter, displayMember: "ContactName",
valueMember: "CompanyName", width: 200, height: 25, theme: theme });
$("#jqxWidget").jqxDropDownList('val', 'Alfreds Futterkiste');
// OR
$("#jqxWidget").jqxDropDownList('selectItem', 'Ann Devon');
});
</script>
<div id='jqxWidget'></div>
</div>
</body>
</html>

Regards,
Aravind MS

January 31, 2013 at 9:51 am Dropdownlist ‘val’ & ‘selectItem’ not working #14420

Peter Stoev

Keymaster

Hi Aravind,

1. The ‘selectItem’ method expects an “item” not a “String”. You should pass an “item” object. You can get an item by using “getItemByValue” or “getItem” methods. For more information, please visit: jquery-dropdownlist-api.htm.

2. ‘val’ gets or sets the displayed content in the content field.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.