CellsRenderer and adding multiple buttons / Angular

[patuwwParticipant]

Trying to add multiple buttons to a column that will then need to activate Angular controller methods. Is there any way to do this? Have tried playing with $compile, but I am new to Angular and I am not sure how to use it.

Is there a way to just wire up ngClick?

I followed the demo adding a new directive for just these buttons but Angular never seems to “Initialize properly” and the tag is just left on the page.

[Peter StoevKeymaster]

Hi patuww,

You may look at: http://www.jqwidgets.com/jquery-widgets-demo/demos/angularjs-demos/angular-datatable/angularjs-datatable-custom-cell-template.htm?light

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[sidhyatiParticipant]

Hello Peter Stoev,

We are using jqxGrid angular 6 component and have a requirement to add 2 or more buttons in one column cell E.g. Edit & Delete buttons with icons. Please advise, how to achieve this.

Thanks in advance.

[MartinParticipant]

Hello sidhyati,

Please, take a look at this Demo.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[areisyusParticipant]

Hi Martin, thank you for this demo but isn’t there some way to place angular components (my own angular components) inside a cell on jqxgrid?

I lost the entire day researching and couldn’t find anything that helps on using angular directives (I think this is not possible because the AOT nature of angular, but…) or at last an angular custom component inside grid.

What’s the point on using angular if we can’t use components and/or another angular resource?

Why should I buy a suite of components if I need to write tons of bunches of vanilla javascript to do simple tasks like placing a button on a table cell? The main purpose of a components pack isn’t to make developer lose less time writing trivial mechanics and let him focus on his own app-specific features?

I need to know if is it possible, at last, to place an angular component inside a jqxgrid cell.

Thank you again for attention and support.

[areisyusParticipant]

Just to register here in case someone else needs, today after 1 entire day lost researching, I finally found this page on documentation (reading link by link from scratch because any research nor forum topics pointed me to this link).

Dynamic Components with Angular and jQWidgets

May you could find a way to make this more evident by linking or showing examples in some component’s specific API documentation, like jqx grid for example.

The way you create toolbar kind weird for angular you could create an example using this approach and a new topic on custom columns showing how to place a component dynamically on column cells.

[MartinParticipant]

Hello areisyus,

Yes, it is possible to place an angular component inside a jqxgrid cell.
Actually, we a have a whole Tutorial about this topic.

I hope that this would be useful!

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts