This topic contains 4 replies, has 3 voices, and was last updated by Avatar admin 3 weeks, 1 day ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #101721
    Avatar
    klslead
    Participant

    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
    Avatar
    admin
    Keymaster

    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
    Avatar
    jrt@gtz.com
    Participant

    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
    Avatar
    jrt@gtz.com
    Participant

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

     

    #102166
    Avatar
    admin
    Keymaster

    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.