Wijmo marquee inner border

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

  • 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!
  • Replied 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.
  • Replied 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
  • Replied 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.
  • Marked as Answer

    Replied 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
  • Replied 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.


  • Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels