Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #101721
    klslead
    Member
    Up
    0
    Down

    I have several different screens where I am attempting to utilize the webcomponents smart grid.  Everything works great except when I specify headers with Sort, Filter, Conditional Formatting, Customize Columns.  Search and Group always work, whereas these others will work randomly, if they work at all.  I’ve removed all of our custom code, dependencies, etc, and have gone as far as to drop our api call into the “Grouping Header Panel”  demo.  Same result.  The only thing I can come up with that is common to all of the screens is that they are getting JSON from an API call.  I’ve tried everything I can think of.
    The page I am currently working on has Filter, Sort, Group and Search.  Group and Search work, Sort spews the following error each time it is clicked:
    Uncaught TypeError: Cannot read property ‘$’ of null
    at HTMLElement.value (smart.grid.js:8)
    at HTMLElement.n (smart.grid.js:8)
    at n (smart.grid.js:8)
    at HTMLElement.value (smart.grid.js:8)
    at HTMLElement.value (smart.grid.js:8)
    at HTMLDivElement.<anonymous> (smart.grid.js:8)
    at e.value (smart.grid.js:8)
    Clicking on Filter does nothing, as if no event is even registered.  Interestingly enough, Sort, Filter, and Group all work in the column headers.
    Chrome thinks all of the js and css files have loaded, but the behavior I am seeing suggests otherwise.  Am I missing something or are others experiencing this issue?
     

    #101722
    admin
    Keymaster
    Up
    0
    Down

    Hi klslead,
    We will need an example which demonstrates the reported behavior. You can modify any of our website samples and send us a codepen link.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

    #101894
    @gtz.com
    Member
    Up
    0
    Down

    Hi,
    I made a post yesterday and then found this which better explained my exact problem.
    I’ve made a codepen https://codepen.io/johntom/pen/PopVGgg which has  dataSource currently set to fetch remote data and dataSourceX which uses harcoded json data.
    The default behavior  using a fetch call will not display columns when clicking Customize Columns.
    If you rename dataSource to dataSourcexx and rename dataSourceX (which uses hardcoded json) to dataSource you will then see it fuctioning.
    Thanks,
    John

    #101912
    @gtz.com
    Member
    Up
    0
    Down

    Plase note it that it seems to sometines work and when I press F5
     

    #102166
    admin
    Keymaster
    Up
    0
    Down

    Hi John,
    Follow up on this post. The reported behavior is resolved.
    Best regards,
    Peter Stoev
    Smart UI Team
    https://www.htmlelements.com/

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