Event to catch the column custom editor value

[svedavyaParticipant]

Hi Team,

I am working on angular 2/4 treeGrid and I have a column like below, whenever the user selects a value, of this column I need to pass this value to global object to filter a list data. Can you please suggest me what is the event to handle this scenario? I do not want to enable cell edit or other functions on an entire grid.
{
text: ‘Product Family’,
dataField: ‘productFamily’,
width: 150,
columnType: ‘template’,
cellsalign: ‘right’,
align: ‘center’,
createEditor: (row, cellvalue, editor, cellText, width, height) => {
//construct the editor.
let source = this.filteredPFBySBE;
editor.jqxDropDownList({
autoDropDownHeight: true,
source: source,
width: ‘100%’,
height: ‘100%’
});
},
initEditor: (row, cellvalue, editor, celltext, width, height) => {
// // set the editor’s current value. The callback is called each time the editor is displayed.
editor.jqxDropDownList(‘selectItem’, cellvalue);
},
getEditorValue: (row, cellvalue, editor) => {
// return the editor’s value.
return editor.val();
}
}

Thanks
Sandeep

[svedavyaParticipant]

Hi Team,

My requirement for above problem is, depending on the value selected in this drop-down I need to have data filter on a list which is binded as a source to the custom editor of another column.

Depending on the value selected in this column i need to filter another column source.

Thanks
Sandeep

[Ivo ZhulevParticipant]

Hi Sandeep,

Well in the getEditorValue callback you get the new value editor.val`, so just call your filter logic from there.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts