JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Data Grid don't work a wrap for virtual Tree-grid

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #102140
    Up
    0
    Down

    Hi,
    I am trying to use WrapCell to work with virtualDataSource for Tree-Grid and call “fetch( url)” like yours examples:

    layout: {
    rowHeight: ‘auto’,
    rowMinHeight: 50,
    allowCellsWrap: true,
    },

    I get the correct tree-grid view with working wrap at level 0, but when expanding the rows :
    ” dataSource: new window.Smart.DataAdapter ({
    virtualDataSourceCache: false,
    keyDataField: ‘@unid’, // Flat Hierarchical Data
    parentDataField: ‘parent’, //Flat Hierarchical Data
    virtualDataSourceOnExpand: function (resultCallbackFunction, details) {….. ” ,
    the view brokes and I see error:
    ” Uncaught (in promise) TypeError: Cannot read property ‘layout’ of undefined
    at Object._autoSize (smart.grid.js: formatted: 40944)
    at HTMLElement.get _scrollHeight [as _scrollHeight] (smart.grid.js: formatted: 32054)
    at HTMLElement._refreshScrollBars (smart.grid.js: formatted: 34114)
    at HTMLElement._refreshLayout (smart.grid.js: formatted: 34105)
    at HTMLElement._refresh (smart.grid.js: formatted: 33745)
    at HTMLElement.refresh (smart.grid.js: formatted: 34705)
    at HTMLElement.o (smart.grid.js: formatted: 18413)
    at smart.grid.js: formatted: 34560
    at Smart.DataAdapter.window.smartDataAdapter.onBindingComplete (smart.grid.js: formatted: 6032)
    at Smart.DataAdapter.window.smartDataAdapter._onBindingComplete (smart.grid.js: formatted: 5992)”.
    I’m sure that the fetch calls are working correctly, since when disabled
    layout: {
    rowHeight: ‘auto’,
    rowMinHeight: 50,
    allowCellsWrap: true,
    },
    everything works correctly.
    By the way the line
    “rowMinHeight: XXX,” is needed because its absence causes another error.
    Regards…

    #102141
    Up
    0
    Down

    What are you mind? Why can’t I use a wrap?
    I partially solved this problem  by replacing  “rowHeight: ‘auto’ ” with  “rowHeight: 50 ” .
     
    But in this case, the indent is lost : next levels do not have an indent and stand in the same position as the zero level. Could you tell me where the indent changes and which variable is responsible for it?
      https://www.dropbox.com/s/f0uf7ipytt9xjwa/with%20indent.png?dl=0
     
    https://www.dropbox.com/s/j0720gnm42fuhr1/no%20indent.png?dl=0https://www.dropbox.com/s/j0720gnm42fuhr1/no%20indent.png?dl=0
     

    #102142
    YavorDashev
    Member
    Up
    0
    Down

    Hi Oleg Ilin,
    I was able to reproduce the issue as you do and this behavior is definitely is a bug and I have added a work item for this.
    We will work to fix it as soon as we are able to!
    I also would like to thank you for reporting this scenario as it helps us improve our products constantly!
    Please, do not hesitate to contact us if you have any additional questions.
    Best regards,
    Yavor Dashev
    Smart UI Team
    https://www.htmlelements.com/

    #102238
    Up
    0
    Down

    Excuse me, please!
    I have realized that my question isn’t resolved.
    Do I need to write to HelpDesk?
    Or can this issue be resolved in principle?
    Regards,
    Oleg I..

    #102239
    admin
    Keymaster
    Up
    0
    Down

    Hi Oleg Ilin,
    There is no new version available, yet. The latest Smart UI release is before you created this topic.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    #102712
    Oleg Ilin
    Participant
    Up
    0
    Down

    How’re you, Mr. Peter Stoev.

    Could I interest about the status of my question ?

    Regards,
    Oleg I..

    #102716
    admin
    Keymaster
    Up
    0
    Down

    Hi Oleg Ilin,

    The fix for that item is scheduled for Q1 2022.

    Best regards,
    Peter Stoev

    Smart UI Team
    https://www.htmlelements.com/

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.