Wijmo Grid - Queries

Wijmo Grid - Queries

Posted by: naresh.adla on 1 February 2021, 12:27 am EST

• 

  naresh.adla

  • Post Options:
  • Link
    Copy

  Posted 1 February 2021, 12:27 am EST - Updated 3 October 2022, 5:35 am EST

  Hi,
  
  We are using Wijmo in our project.
  
  I have two queries here.

  1. After loading the data into the grid the first cell in first row is being selected by default.
  2. The check box in the rows are not working properly like when you check the check box and the change is not being detected unless u click somewhere on teh screen or tab out.
  3. Instead of having a html check box do we have any in built wijmo solution ?
• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 1 February 2021, 6:05 pm EST

  Hi Naresh,

  1. You can unselect the initial cell by calling the select method of FlexGrid with (-1, -1) parameters:

  flexGrid.select(-1, -1)
  

  2. Can you let us know whether these are default checkboxes (which FlexGrid adds for boolean columns) or have you added custom checkboxes? The reason that the changes are only displayed after clicking somewhere else is because FlexGrid only commits the edits whenever a row is changed. For example, if you will click on a checkbox, its state will be updated but underlying data will not be updated until and unless you click on any other row or click outside the grid.

  3. Sorry, but wijmo does not have its custom checkboxes. It also uses the HTML checkboxes for different purposes.

  Regards,
  
  Ashwin

• 

  naresh.adla

  • Post Options:
  • Link
    Copy

  Posted 1 February 2021, 7:58 pm EST

  Thank you for your reply Ashwin.

  1. Is it default behavior of Wijmo ? why it is selecting the first cell always after loading the data? Do I really need to call flexGrid.select(-1, -1) to un-select it? Is there any other way to get rid of this issue ?

  2. I am using html check box. If I use the flex grid Boolean can I capture the change event ? Is there any best example which explains master checkbox like column level check box which will help to select all rows and handling respective events ?

  3. The checkboxes which are coming using boolean data, Can we display them left side of cell ?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 February 2021, 5:45 pm EST

  1. Yes, this is the default behavior of Wijmo. FlexGrid is based on MS-Excel and excel also selects the first cell automatically. You can also change this by setting the selectionMode property to wijmo.grid.SelectionMode.None but then you will not be able to select any cell even after the grid is loaded.

  2. It seems that your requirements are to select rows using checkboxes. You can try using the Selector class for this. This class will add checkboxes or the row headers or any desired column along with a select all checkbox. Also, it has an itemChecked event which is fired whenever the state of the checkbox is changed.

  https://www.grapecity.com/wijmo/demos/Grid/Selection/CheckboxSelection/purejs

  3. You will need to set the align property of the column to left:

  let col = flexGrid.columns.getColumn('binding'); // binding of the column
  col.align = "left";
  

  ~regards