Platform: Responsive Web
Version: Volt Iris 9.5.47, 9.5.50
JsGrid - https://marketplace.demo-hclvoltmx.com/items/jsgrid?search=JSGrid
We added 3 tabs (TabA, TabB and TabC) to a form for a web app and added the JSGrid component downloaded from HCL Marketplace and imported to the project to each tab (jsGridTabA, jsGridTabB and jsGridTabC).
In the preShow event of this form (Form1), functions for setting data to each component are called as follows:
this.initTabA();
this.initTabB();
this.initTabC();
NOTE: Please refer to the attachment for details of each function.
However, when building the app and accessing the form via browser, the JsGrid component (jsGridTabC) on the third tab (TabC) displays data as expected, but the JsGrid components (jsGridTabA and jsGridTabB) on the remaining two tabs (TabA and TabB) are blank.
By default the tabs are ordered as TabA, TabB, TabC. We moved up TabC and changed the third tab from TabC to TabB, then checked the behavior of the web app and confirmed that data is displayed only in the JsGrid component (jsGridTabB) on TabB. Apparently, the issue is that the data can only be set on the last JsGrid component.
Is this issue a defect in the JSGrid component? Or are we using it incorrectly? In the latter case, please let us know what modifications are necessary to set data for all JSGrid components.
Additional info: When the same code as the preShow event is executed in the onClock even of a button on the form, data is set for all JsGrid comports.
Form1Controller.txt