JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Smart Grid Header Issues
Tagged: grid fetch data, grid headers
- This topic has 4 replies, 3 voices, and was last updated 3 years, 3 months ago by admin.
-
AuthorPosts
-
April 19, 2021 at 8:52 pm #101721klsleadMember
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?
April 20, 2021 at 4:59 am #101722adminKeymasterHi 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/June 16, 2021 at 2:47 pm #101894@gtz.comMemberHi,
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,
JohnJune 18, 2021 at 5:01 pm #101912@gtz.comMemberPlase note it that it seems to sometines work and when I press F5
August 29, 2021 at 7:10 am #102166adminKeymasterHi John,
Follow up on this post. The reported behavior is resolved.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/ -
AuthorPosts
- You must be logged in to reply to this topic.