Products

[edwardsmarkff]

beginUpdate and endUpdate

wow that sure sped things up!  thank you very much for your time and your patience with me.

>>> set all the Grid properties and then append the Grid to the DOM

by this you mean to use the grid the way all the examples worked like so?
Smart('#grid', class {
–or
window.Smart('#grid', class {


i was running into some sort of issue with the <script type="module" vs <script type="javascript" but will address this later on.

 

 

• This reply was modified 1 year ago by edwardsmarkff.

[edwardsmarkff]

hi – i stopped using templates and just switched over to forEachRow because of the inconstancy using template.

could you please explain why we get different results from the first to the second load?

https://codepen.io/edwardsmarkf/pen/dyayjxP

i should think every run would be identical.

• This reply was modified 1 year ago by edwardsmarkff.
• This reply was modified 1 year ago by edwardsmarkff.

[edwardsmarkff]

i am reposting this question here since using template appears to be inconsistent.

[edwardsmarkff]

scratch question please – i realized that even if i managed to get this to work, using the template is too limiting.   if you wanted to put in line breaks or other css, i dont think this would work.

• This reply was modified 1 year ago by edwardsmarkff.

[edwardsmarkff]

i would REALLY appreciate learning if perhaps ‘cell-notes’ might one day be supported?

and if not, would it be OK if i took a look at the source code & tried to figure out a better way to do this?

cell-notes are VERY useful and as you can see from my prototype, it would be relatively to add this feature to grid.

• This reply was modified 1 year, 1 month ago by edwardsmarkff.

[edwardsmarkff]

with a bit of a hack i think this will work:

https://www.htmlelements.com/forums/topic/grid-cell-notes/

hopefully, smart-html-elements will eventually add notes to grid cells….?

 

[edwardsmarkff]

this looks like the best way so far:

https://codepen.io/edwardsmarkf/pen/xxmzozV

this makes use of bobby hadz’s title attribute styling.

i am sure there is a MUCH better way to style the cells that contain a note.

hopefully, smart-html-elements will add notes to grid cells….?

• This reply was modified 1 year, 1 month ago by edwardsmarkff.
• This reply was modified 1 year, 1 month ago by edwardsmarkff.

[edwardsmarkff]

thanks – FWIW, tooltip seems to be somewhat incompatible with grid.   on a slightly larger grid, the tooltips would take several seconds to open, probably because of the grid javascript overhead.

so i am going with title instead.

it would be nice if a future version of grid had a way to insert text information in a notes field like many spreadsheets have, where you see a little red triangle marker in the lower-right corner of the cell indicating there are notes associated with this cell.

[edwardsmarkff]

now THAT was embarrassing! 😳😳😳😳😳

thank  you!

[edwardsmarkff]

got it:

grid.grouping.groupBy = ['productName'];
grid.grouping.enabled = true;
grid.grouping.expandMode = true;
grid.columns[2].visible = false;

not sure if this is documented anywhere, but the chrome-console helped me to find this by reverse-engineering a working grid-group example.

using grid dynamically is incredibly powerful.  i hope that smart-elements starts to provide examples of dynamic-grid.  i believe that others would find it exceptionally useful.

• This reply was modified 1 year, 2 months ago by edwardsmarkff.
• This reply was modified 1 year, 2 months ago by edwardsmarkff.

[edwardsmarkff]

thank you!

[edwardsmarkff]

Actually, my suggestion works fine.

sadly, there is not a chrome plugin to do this for us, or at least not one i could find that works.

i should think simulating this with a plugin would be easy:    chrome.exe –user-data-dir=”C://Chrome dev session” –disable-web-security

[edwardsmarkff]

this is starting to become a big problem with all the codepen examples:

Access to script at 'https://codepen.io/source/modules/smart.grid.js' (redirected from 'https://cdpn.io/source/modules/smart.grid.js') from origin 'https://cdpn.io' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

• This reply was modified 1 year, 2 months ago by edwardsmarkff.
• This reply was modified 1 year, 2 months ago by edwardsmarkff.

[edwardsmarkff]

thank you.   there is a VERY MINOR typo on the page you referenced:

 

Smart Grid Web Component Editing Cell Cropdowns Demo

• This reply was modified 1 year, 2 months ago by edwardsmarkff.
• This reply was modified 1 year, 2 months ago by edwardsmarkff.
• This reply was modified 1 year, 2 months ago by edwardsmarkff.

[edwardsmarkff]

ha ha !  i should have known that you would have an INFINITELY better way!   thank you.

• This reply was modified 1 year, 2 months ago by edwardsmarkff.

[Author]

Posts