Wijmo Dynamic grid with controls (Purejs)

Wijmo Dynamic grid with controls (Purejs)

Posted by: kinshuk4u4u on 12 March 2020, 3:37 am EST

• 

  kinshuk4u4u

  • Post Options:
  • Link
    Copy

  Posted 12 March 2020, 3:37 am EST - Updated 3 October 2022, 5:01 pm EST

  Hello

  I am kinshuk choubisa. i am working as Sr. Software Developer in SoftWord India Pvt. Ltd. we have enterprise license of grapecity (C1).

  we have 1 requirement we want to use grid with dynamic controls ( html dropdown, checkbox, numeric textbox, etc) all the control bind with API .

  and we are already using this feature in my desktop application but we need in the web application so we want to use client side control (wijmo with purejs).

  So can you please provide me sample code with wijmo (purejs) . I have tried but not able to download properly some file is missing.

  https://www.grapecity.com/wijmo/demos/Grid/Columns/DynamicDataMaps/purejs

  I have attached my desktop application grid image for understanding requirement.

  Please give response ASAP.

  Thanks & Regards
  
  Kinshuk

  

  1920×1080 231 KB

• 

  kinshuk4u4u

  • Post Options:
  • Link
    Copy

  Posted 12 March 2020, 7:43 am EST

  I have create below sample code . but i want to insert wijmo.input.ComboBox control in the wijmo.grid.FlexGrid. not found any example of this type. i need to create control dynamically (dropdown, autocomplete, checkbox, textbox, date picker etc…).

  Please provide example code with dynamic controls. and all the control bind with api.

  https://www.grapecity.com/wijmo/demos/Grid/Columns/DynamicDataMaps/purejs

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 13 March 2020, 5:05 am EST

  Hi Kinshuk,

  We were unable to understand your requirements properly. As per our understanding, you wish to add different input controls as grid editors in the FlexGrid. You can do this by using the CustomGridEditor class:

  https://www.grapecity.com/wijmo/demos/Grid/CustomCells/CustomEditors

  But, we were unable to understand the dynamic behavior. You have given an example of DynamicDatamap in which the values shown in the 2nd data map are determined by the value of the first data map which is actually different from adding input controls in the grid.

  Can you please explain your use case so that we can assist you further?

  Regarding the sample issue, the PureJS samples are created using the SystemJS module loader. To run the samples, you will need to install the NPM dependencies by using the following command:

  npm install
  

  And, then run the sample with:

  npm run start
  

  Regards,
  
  Ashwin

• 

  kinshuk4u4u

  • Post Options:
  • Link
    Copy

  Posted 13 March 2020, 8:12 am EST

  Hello Ashwin,

  Hope you are will.

  I want to use flexgrid in create invoice . and want to many controls in this grid like (product (autocomplete), batch (autocomplete ), MRP numeric textbox etc…). i have already attached image od my desktop application in desktop application we are using C1 grid controls.

  I would be good for me if you provide me sample code of my requirement.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 16 March 2020, 2:27 am EST

  Hi Kinshuk,

  It seems that your requirements can be fulfilled by using CustomGridEditor class:

  https://www.grapecity.com/wijmo/demos/Grid/CustomCells/CustomEditors

  Please try this demo at your end and let us know if this works for you.

  ~regards