Auto complete of dropdown inside Grid not working in editmode:'click'

[ajitParticipant]

I have drop down in the grid, when i open it in edit mode auto-complete (for drop down) does not works.
Here the Grid properties are: editmode:’click’ and selectionmode: ‘singlecell’,

Here is how code is:
{
text: ‘Metric ‘, datafield: ‘Metric’, width: 200, columntype: ‘dropdownlist’, displayfield: ‘Metric_Display’, sortable: false,
createeditor: function (row, column, editor) {
var ddlTableTypePerfPeriod = editor.jqxDropDownList({ source: getDrpData(‘GetPBA_Metrics_Metric’), displayMember: ‘Display_Item’, valueMember: ‘LUT_Officer_Awards_ID’, width: ‘200’, height: ’29’, autoOpen: true });
$(ddlTableTypePerfPeriod).change(function (index, event) {
// $(“#grdPBA_AOO”).jqxGrid(‘endcelledit’, RowIndex, “Performance_Period”, false);
$(grid).jqxGrid(‘setcellvalue’, RowIndex, “Metric”, index.args.item.value);
});
}, cellvaluechanging: cellvaluechangingDrp

},

Source for the drop down:
——————————

function getDrpData(methodName) {
var DrpId= ‘LUT_Officer_Awards_ID’;

var DrpDataSource = {
datatype: “xml”,
datafields: [
{ name: DrpId, type: ‘number’ },
{ name: ‘Display_Item’ }
],
async: false,
record: ‘Table’,
data: {},
url: ‘PlanBasedAward.aspx/’ + methodName
};
var drpAwardTypeAdapter = new $.jqx.dataAdapter(DrpDataSource,
{ contentType: ‘application/json; charset=utf-8’ }
);
return drpAwardTypeAdapter;
}

Please help. Thanks.

[Peter StoevKeymaster]

Hi ajit,

DropDownList editor does not have auto-complete functionality. In addition, I don’t suggest you to set a cell value while you are in edit mode. That should not be done there.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[ajitParticipant]

Thanks Peter.
I have one more problem. Let’s take an example, I have a grid containing Dropdown in it. Drop down is editable (can select)after that on click on FILL button (which is on the Header), fills the rest of the cell of that column.
Please see the image below:

i need to set the value, after selecting the dropdown item, without clicking on other cell.

[Peter StoevKeymaster]

Hi ajit,

When you click on the “fill” button, you may call the Grid’s endcelledit method to end the editing and there if you wish, use the “setcellvalue” method to update the values of other cells in the jQWidgets Grid widget.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts