Uncaught TypeError: dom.getFieldValue is not a function

[wzup]

A custom field of type="file" in an InsertModal throws an error. How to manage file uploads?

A field:

An error thrown by the plugin:

InsertModalBody.js:57 Uncaught TypeError: dom.getFieldValue is not a function
    at InsertModalBody.<anonymous> (InsertModalBody.js:57)
    at Array.forEach (<anonymous>)
    at InsertModalBody.getFieldValue (InsertModalBody.js:41)
    at InsertModal.__handleSave__REACT_HOT_LOADER__ (InsertModal.js:63)
    at InsertModal._this.handleSave (InsertModal.js:54)
    at InsertModalFooter.__handleSaveBtnClick__REACT_HOT_LOADER__ (InsertModalFooter.js:68)
    at InsertModalFooter._this.handleSaveBtnClick (InsertModalFooter.js:46)
    at Object.ReactErrorUtils.invokeGuardedCallback (ReactErrorUtils.js:69)
    at executeDispatch (EventPluginUtils.js:85)
    at Object.executeDispatchesInOrder (EventPluginUtils.js:105)

Real screenshot of component's code. 1) The method is never called. 2) It is never called whatsoever. Although the method exists in a component.

Method in a component:

[AllenFang]

@wzup, sorry for lately reply, busy on my job..

If you have any custom editor in insert modal, the component of custom editor should implement getFieldValue method and return the value if input, check this

Let me know if the problems is still remain, thanks

[DarMontou]

There's some likely unexpected behavior when using a single custom insert modal field if the value of the field is falsy, and the getFieldValue method is undefined.

inputVal = inputVal || dom.getFieldValue();
::=> "" || dom.getFieldValue();
::=> dom.getFieldValue()
::=> Uncaught TypeError: dom.getFieldValue is not a function

[AllenFang]

HI @DarMontou, you mean if you return false in getFieldValue function then got above error ?

[justbill2020]

i'm also having an issue with this. dom.getFieldValue() not a function

[Strateus]

same here
and i defined getFieldValue method as in the example

[Strateus]

It seems issue is related to redux connect, it works without it

[solace]

Using the example provided:

customSaleField = (column, attr, editorClass, ignoreEditable) => {
  /*
    In this case, you are suppose to be prodived a specific method name for
    react-bootstrap-table to get the value for this field.

    Notes:
    1. You are suppose to be implement getFieldValue function and return the value that user input
  */
  return (
    <SalesRadioField ref={ attr.ref } editorClass={ editorClass } ignoreEditable={ ignoreEditable }/>
  );
}

attr.ref is undefined which appears to be contributing to why this error occurs.

Any suggestions?

[AllenFang]

@solace, it work well for me,

[solace]

Well, it doesn't seem to according to the other people above. :)

[solace]

In any case, I was able to resolve by overriding the insert modal body. Copied the original and made modifications to the ref for custom fields.

https://gist.github.com/solace/b5f1fc3f1f632cb79bccc63ed7f49d1d