Wijmo marquee inner border

Wijmo marquee inner border

Posted by: yym27 on 8 September 2020, 9:09 pm EST

• 

  yym27

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 8 September 2020, 9:09 pm EST

   Hi,
  

  As shown in the link_1, when you click the lower right cell of the grid, some data is hidden due to scrolling.

  So, I hope the size of the selected cell including the border to be the same as the size of the existing cell.

  I tried like link_2 to reduce the size of the selected cell, but when the header was clicked or scrolled, it became the original size.

  How can I do it?

  Help!

• 

  yym27

  • Post Options:
  • Link
    Copy

  Posted 9 September 2020, 12:11 am EST

  link_1 https://jsfiddle.net/5yh4gsdm/2
  
  link_2 https://jsfiddle.net/5yh4gsdm/3

  I apologize for the unintentional duplicate posting.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 9 September 2020, 5:36 pm EST

  Hi,

  Instead of using the selectionChanged event, you can use the updatedView event of the FlexGrid. Also, please use the addHandler method to add the event handlers instead of directly overriding the method. Please refer to the updated sample link below:

  https://jsfiddle.net/mbt96qrn/2/

  PS: No need to apologize for the duplicate posts. We have deleted them.

  Regards,
  
  Ashwin

• 

  yym27

  • Post Options:
  • Link
    Copy

  Posted 10 September 2020, 7:53 pm EST

  Thank you for your reply.

  However, it does not seem to be applied when proceeding in the Secret mode of Chrome.

  And I’m wondering if there is a function that runs after drawing all the grid.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 13 September 2020, 4:22 pm EST

  Hi,

  Sorry, there seems to be some issue in the previous sample. I have updated it so that it works everywhere:

  https://stackblitz.com/edit/js-tjmqux

  And I’m wondering if there is a function that runs after drawing all the grid.

  There is a updatedLayout event which runs whenever the rendering of the FlexGrid is complete.

  API: https://www.grapecity.com/wijmo/api/classes/wijmo_grid.flexgrid.html#updatedlayout

  ~regards

• 

  yym27

  • Post Options:
  • Link
    Copy

  Posted 21 September 2020, 6:13 pm EST

  Hi,

  First of all, thank you.

  As a result, I can achieve the desired result. ^^/

  The getCell BoundingRect function was used because wjcCore was not available, but the same result as the sample was not obtained.

  Except for the part using wjcCore, it was applied by calling only the updatedView function.

  Currently, there is no big problem, so I am going to use it as it is, but I am curious if there is any consideration.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 22 September 2020, 8:49 pm EST

  Hi yym27,

  It seems that you misunderstood the sample. In the new sample that I provided, the wijmo variable is wjcCore. wjcCore is just a variable name and we can change to anything you like. But, since you must be using CDN links to add wijmo, you can change wjcCore to wijmo and you will get the getElementRect method.
  
  I have updated the original jsfiddle sample for better understanding:

  https://jsfiddle.net/98pLhaeb/1/

  ~regards

• 

  yym27

  • Post Options:
  • Link
    Copy

  Posted 7 October 2020, 6:11 pm EST

  Hi,

  Thanks for updating the original jsfiddle sample.

  It was easy to understand and apply.

  The grid I tested did not have the getCell Element function, so I replaced it with the getCellBoundingRect function.

  It was confirmed that it was performed successfully.

  Thank you again and again.

  Have a nice day today.