[jacobraccuiaParticipant]

Thank you! I will look into it more

[jacobraccuiaParticipant]

I am going to scream!

It wasn’t working because my container ‘.columnListReorder’ was a UL instead of a div.

thanks for your help Hristo!

[jacobraccuiaParticipant]

I tried to look through the code base to see what would cause this error, but I couldn’t find anything. If there is something I’m “missing” or doing that would cause the originalItem to disappear that you know of I could help diagnose this issue more. (Or even an alternative).

I’m looking for a list for items that can be rearranged to create an order, and that has the ability to add / remove items from the list.

[jacobraccuiaParticipant]

jQuery 2.24

and loading all JS from:
https://jqwidgets.com/public/jqwidgets/jqx-all.js

This is a private site so I can’t show a URL, but if there is at any way to GTM I would gladly share my screen and code.

[jacobraccuiaParticipant]

If I run 10 of them at once they take over 5 seconds! Such as looping through all of the columns and showing / hiding them. I get that it’s async, but shouldn’t it return a “complete?”

[jacobraccuiaParticipant]

Thank you. At this point we’re kind of just walking in circles, I really appreciate your help, but it’s not what I’m looking for. I definitely now know how to show a loading gif on the site!

I want to know what event I can watch for that triggers when a Grid method is finished running // all grid methods have completed ( filtering, sorting, adding removing columns, etc )

[jacobraccuiaParticipant]

The Grid methods don’t have a callback (that i’m aware of) that will tell me when the method finishes so that I can call $('#jqxLoader').jqxLoader('close');

I need to know when they finish so I can hide the loader when it’s done!

[jacobraccuiaParticipant]

Thank you Stanislav.

You misunderstand my question, however. How do I trigger this loader to show whenever any methods are invoked on the grid?

[jacobraccuiaParticipant]

Thank you for the amazingly quick reply! Is it possible to do this without changing the way the values are displayed in general? I would have to determine whether or not to make everything UPPERCASE, lowercase, or Capitalized, which isn’t a problem but might not be what the client wants.

Thanks
Jacob

[jacobraccuiaParticipant]

I was able to fix this with CSS in the interim. This SHOULD work with most setups, but it’s hard to confirm..

/* target first cell row that isn't pinned */
.jqx-grid-cell-pinned + .jqx-grid-group-cell:not(.jqx-grid-cell-pinned) { border-right:0px; width:100%!important; }

[jacobraccuiaParticipant]

Thank you. It does fix the problem, but I’d rather it’s cut off a little. I need the grid to expand to unknown heights

[jacobraccuiaParticipant]

if I my inquire, why would adding a timeout of 0 make a difference? (it did indeed work). But why?

[jacobraccuiaParticipant]

This is not as cut off as it is in the screenshots i Posted below, but in this fiddle, the last row is cut off by a few pixels. (It’s as if there is a css class that gives the last row a smaller bottom padding).

https://jsfiddle.net/khy6hkuy/16/

[jacobraccuiaParticipant]

I’m using chrome or most of my testing. I will try to create a fiddle with this (bug)! thanks

[jacobraccuiaParticipant]

I actually think I just solved this and need to test more and format tomorrow….

Inside groupsrenderer, I take the aggregate value and set it to the column value, inside of the group parent. I have to do an each loop and check to make sure the value isn’t already set.

The below function is inside of my groupsrenderer, prior to the return which sets the group header. I will post my complete code once it’s checked out!

` $(‘.jqx-grid-group-details-cell’).each(function() {

aTarget = $(this).closest(‘div[role=”row”]’).find(‘.amount’);
bTarget = $(this).closest(‘div[role=”row”]’).find(‘.runRateFinal’);

if(aTarget.html() == ”) {
aTarget.html(aggregateA);
}

if(bTarget.html() == ”) {
bTarget.html(aggregateB);
}

});`

[Author]

Posts