FlexGrid: Dropdown before Frozen Columns, the Dropdown not work

Posted by: 1728884346 on 11 April 2018, 4:53 pm EST

  • Posted 11 April 2018, 4:53 pm EST

    Hi,

    I use Flexgrid, and have a dropdown CellTemplate inside flexgrid.

    if i frozen column after this dropdown cell, the dropdown will not work
    E.g. FrozenColumn(5), Dropdown column index 3.

    if i frozen column before this dropdown cell, the dropdown will work fine.

    even i try in ComponentOne MVC Explorer demo application, it's same issue.

    please advise how to make dropdown work when got frozen column after dropdown.
  • Replied 12 April 2018, 6:10 pm EST

    Anyone can help me?
  • Replied 13 April 2018, 12:54 am EST

    Hi,
    We are working on this and we will update you on Monday.
    Sorry for the inconvenience.

    ~Manish
  • Replied 15 April 2018, 5:09 pm EST

    Hi,
    On investigation, we found this issue as bug. Hence, this issue has been forwarded to the concerned team for further investigation with internal tracking id 317573.
    We will let you know as we get any update on this.

    ~Manish
  • Replied 16 April 2018, 5:14 pm EST

    Thanks Manish, any workaround about this function before the Team fix this?
  • Replied 17 April 2018, 7:51 pm EST

    Hi,
    We get response from the development team.
    The issue was because of z-index for frozenCells is set to 1 which covers the customEditor.

    Please find the attached sample which implements workaround for this issue by setting customEditor's container z-Index.

    ~Manish

  • Replied 17 April 2018, 7:52 pm EST

    FlexGrid.CustomEditor.FrozenColumns_Update.zip
  • Replied 18 April 2018, 1:29 pm EST

    Thanks Manish, it works.
  • Replied 12 May 2018, 1:11 am EST

    Hi, may i know any official solution about this?
  • Replied 14 May 2018, 6:12 pm EST

    Hi,
    We have requested to the team to get information on this. In case, it gets added, it will be included in the next releases which is expected to be release in Jul 2018.

    Hence, we suggest you to use this as workaround.

    We will let you know as we get further information on this.

    ~Manish
  • Replied 9 June 2018, 9:55 pm EST

    Hi Manish

    may i know when team plan to release new version for fix Frozen issue?

    i found another issue when use Frozen for FlexGrid. if use Jquery-UI to make grid resizable, the resizable will not work after Frozen.

    and one more: if use bootstrap Dropdown in frozen column, the dropdown not work also.
    please help
  • Replied 10 June 2018, 7:20 pm EST

    Hi,
    We are sorry, we do not have any exact release date for next release. The next release should be in mid or end of July.

    Please try to invalidate the Wijmo Control on resize event for Jquery-UI resizable.

    Could you please share code snippet how you are adding Dropdown for frozen column. Is the Dropdown placed for cell or for edit cell?

    ~Manish
  • Replied 11 June 2018, 1:29 pm EST

    Hi Manish

    I just define a DIV with dropdown

    <div id="tplDropdown" class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Actions
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href='javascript:;' onclick='Test0()'>Test</a>
    <a class="dropdown-item" href='javascript:;' onclick='Test1()'>Test</a>
    <a class="dropdown-item" href='javascript:;' onclick='Test2'>Test</a>
    </div>
    </div>

    then in FlexGrid ItemFormatter function to replace current cell innerHTML as below.
    cell.innerHTML = document.getElementById('tplDropdown').innerHTML
  • Replied 11 June 2018, 10:40 pm EST

    Hi,
    Is the Dropdown working for non-frozen columns?
    If yes, please try to set CloneFrozenCells to false.

    ~Manish
  • Replied 12 June 2018, 1:59 am EST

    Hi Manish

    thank you for your reply, i have tried, but still same. please refer to below gif. i already set .CloneFrozenCells(false) for FlexGrid.

  • Marked as Answer

    Replied 12 June 2018, 10:39 pm EST

    Hi,
    Could you please share build version?

    Please also find the attached sample that is used to replicate the issue at our end but we are unable to see dropdown for Non-frozen cells because of dropDown gets hide behind cells.

    Please let us know if the behavior is same at your end.

    ~Manish

    FlexGrid_Bootstrap_Button.zip
Need extra support?

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

Learn More

Forum Channels