For a select list like below, that is triggering an action on change, after the item is selected I would like to clear the selected item and remove the red edit triangle that appears.
In other words, I'd like to reset the field after the item is selected. How could I do that?
{
title: "Actions", editable: true, dataIndx: 'Action', width: 140,
editor: {
type: 'select',
options: ['', 'Edit Resource', 'Remove Resource'],
init: function (ui) {
ui.$editor.on('change', function () {
rowData = ui.rowData
rowData.Action = "";
if ($(this).val() == "Edit Resource") {
EditResource(rowData);
} else if ($(this).val() == "Remove Resource") {
RemoveResource(rowData);
}
$gridMyTeam.pqGrid('refresh');
});
}
},
cls: 'pq-drop-icon pq-side-icon',
render: function (ui) {return '<a style="color:blue;text-align:center" >Actions</a>'}
},