Update Source in React

[HanwikParticipant]

Hi There,
can change source of widget (grid,dropdown,…) without using useState Hook,
which annoyed within a code block.
Using useRef-variable.current, document.getElementById or pure javascript?

Ex: gridRef.current.refreshdata();
gridRef.current.renderWidget();
within CRUD to show updated data that would re-requested from some api

Note: I use Functional method instade of Class.

Apriciated if supported by simple example
Regards;

• This topic was modified 1 month, 1 week ago by  Hanwik.
• This topic was modified 1 month, 1 week ago by  Hanwik.
• This topic was modified 1 month, 1 week ago by  Hanwik.

[adminKeymaster]

Hi Hanwik,

If you would like to update the source of the dropdown inside a column, you can use the column’s createeditor callback function. Inside it, you have access to the Dropdownlist editor and you can update its source to a different array of items.

Example:

 {
                text: 'Category', dataField: 'category', width: 250, 
                columntype: 'dropdownlist',
                createeditor: function (row, cellvalue, editor) {
                    // Set initial source for the jqxDropDownList editor
                    editor.jqxDropDownList({ source: ["A", "B", "C", "D"]});
                }
            }

Best regards,
Peter Stoev

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

[Author]

Posts