How to display the selected value of a dropdown in jqxgrid

[VishalParticipant]

Hi,

I want to display the selected value of a dropdown in jqxgrid. I have written the below code which displays the dropdown but it is not highlighting the selected value.

`// DropDown
var employeedata = new Array();
var row1 = {};
row1[“EmployeeID”]=’1′;
row1[“EmployeeName”]=’ABC’;
employeedata[0] = row1;

var row2 = {};
row2[“EmployeeID”]=’12’;
row2[“EmployeeName”]=’ABCD’;
employeedata[1] = row2;

var employeesSource={
datatype: “array”,
datafields: [
{name: ‘EmployeeID’ , type: ‘string’},
{name: ‘EmployeeName’ , type: ‘string’}
] ,
localdata: employeedata
};
var employeesAdapter = new jQuery.jqx.dataAdapter(employeesSource);
// grid
var Projectdata = new Array();
var row1 = {};
row1[“ProjectName”]=’ABCE’;
row1[“EmployeeID”]=’1′;
Projectdata[0] = row1;

var row2 = {};
row2[“ProjectName”]=’ABCDE’;
row2[“EmployeeID”]=’12’;
Projectdata[1] = row2;

var row3 = {};
row3[“ProjectName”]=’ABCDE’;
row2[“EmployeeID”]=’12’;
Projectdata[2] = row3;

/* var ProjectSource={
datatype: “array”,
datafields: [
{name: ‘ProjectName’ , type: ‘string’}
] ,
localdata: Projectdata
};
var ProjectAdapter = new jQuery.jqx.dataAdapter(ProjectSource); */

var ordersSource =
{
localdata: Projectdata,
datatype: “array”,
datafields: [
{name: ‘EmployeeName’ ,value: ‘EmployeeID’,values: {source: employeesAdapter.records, value: ‘EmployeeID’, name: ‘EmployeeName’ }},
{ name: ‘ProjectName’, type: ‘string’}/* ,
{ name: ‘EmployeeID’, type: ‘string’}, */

],

};

var ordersAdapter = new jQuery.jqx.dataAdapter(ordersSource);
jQuery(“#jqxgrid”).jqxGrid(
{
width: 850,
source: ordersAdapter,
selectionmode: ‘singlecell’,
pageable: true,
autoheight: true,
editable: true,
columns: [
{ text: ‘Employee Name’, datafield: ‘EmployeeID’,columntype: ‘dropdownlist’, width: 150,
createeditor: function (row, value, editor) {
editor.jqxDropDownList({ source: employeesAdapter, displayMember: ‘EmployeeName’, valueMember: ‘EmployeeID’ });
},
initeditor: function (row, cellValue, editor, cellText, width, height){
editor.jqxDropDownList(‘selectItem’, 12);
}
} ,
{ text: ‘Project’, datafield: ‘ProjectName’, width: 150}
]
});`

[Peter StoevKeymaster]

Hi Vishal,

The “cellvaluechanged” event is raised when a value of a cell is changed. Ex: http://jsfiddle.net/jqwidgets/ejvnb/

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[VishalParticipant]

Hi Peter,

I am bit confused with the answer as the question what I asked is -” I am not able to display the selected value of a dropdown” means I am able to load the dropdown but it is not displaying the selected value.

Thanks
Vishal

[Peter StoevKeymaster]

Hi Vishal,

The Selected Item is always displayed. See: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/cellediting.htm?arctic and http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/gridkeyvaluescolumnwitharray.htm?arctic. In case that does not happen on your side, then check whether you are with the latest version of jQWidgets.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts