change color of collapse button

[bachParticipant]

I’ve got a grid with row details.
When certain criteria are met within that detail grid, I’d like to change the background color of the expand/collapse button for that row. Is that possible?

[ChristopherParticipant]

Hi bach,

Sure, it’s possible. All you have to do is bind to the ‘rowcollapse’ event of the jqxGrid and listen for the changes that you want to make in the details of that row and if the desired criteria is met you can change the color of the expanded button. I made you an example:
http://jsfiddle.net/z9br38f0/34/

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[bachParticipant]

That’s fantastic, and very easy. Thank you!

[bachParticipant]

Actually, that almost works, but not quite for me.
I have multiple grids on my page and multiple pinned columns in each of those, so anything after the first row of the first grid is incorrect.

I’m using an editable nested grid as my row details.
Is there a way to do something similar using a cellendedit function on that detail grid?

[bachParticipant]

here’s a fiddle that’s close to my setup

http://jsfiddle.net/z9br38f0/39/

[ChristopherParticipant]

Hi bach,

Usually, what you want to do isn’t available trough the jqxGrid API. So what I’m giving you is a workaround which might not be universal, but will work in your scenario. Here is the updated link:
http://jsfiddle.net/z9br38f0/41/

Yes you can do the same in the ‘cellendedit’ event handler. The background will be colored when cell edit has ended.

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[bachParticipant]

pretty good, but it messes up when you drop down one that’s already highlighted. I think it has to do with the additional row being created for the details.
I think I’ll have better luck putting my signaling into one of the grids actual cells instead of the collapse arrow. Thanks for your help!

[Author]

Posts