jqxGrid angular – widget column issue

[vijay.vanechaParticipant]

Hi,

When i use widget column in jqxGrid, after vertical scroll in grid widget column cell value mismatches with actual row data.

You can see this issue in jqxGrid demo also. jqxGrid > Columns > Widget Column > Demo

Scroll vertically slowly and observe picture on left and name is mismatching after scroll.

Please help.

Thanks,
Vijay

[HristoParticipant]

Hello Vijay,

Thank you for the feedback.
It is a known cause.
There is missing implementation for the initwidget callback.
However, you could find the working demo with mentioned implementation.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[vijay.vanechaParticipant]

Hi Hristo,

Thanks for quick reply.

I have to set multiple action buttons in widget column. But it will show/hide condition based.

I followed your demo but not works. I created example from demo you given.

Please guide me where i am wrong.

Thanks,
Vijay

[HristoParticipant]

Hello Vijay,

Please, take a look at this example.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[vijay.vanechaParticipant]

Hi Hristo,

Thanks for example. it works perfectly.

As per my requirement i implemented the same. but not working in my case.

In my case, User can delete only newly added rows. So i have set one column for rowstatus. Set rowstatus = 0 for already exist rows. While adding new row i set rowstatus = 1.

While i am adding new row. Delete button does not appears to new row.

Please, take a look at this example created for my case.

Thanks,
Vijay

[HristoParticipant]

Hello Vijay,

Please, take a look at this example.
You should add some additional settings – to bind to click event of the new button in the initwidget callback.
Because, it is invoked in that moment.

Also, I would like to suggest you an another option that you could use to create column with buttons and depends on the case to show it or not.
I would like to suggest you look at this demo.
With adding of an additional class (cellclassname property) depends on the case to hide some of the buttons

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[vijay.vanechaParticipant]

Hi Histro,

Thanks for quick reply.

As you said, i have to add some additional settings to bind click event or new button in initwidget callback.

Please give some hint of how could i do this. I need to set addEventHandler again for that button in initwidget?

Thanks again,
Vijay

[HristoParticipant]

Hello Vijay,

I suggest you just hide the buttons where you do not have to see it and add wonted functionality when clicking on the button there.
Please, take a look at this example.

Also, I would like to suggest you look at another approach which will be more easy to use for your case:
https://stackblitz.com/github/jqwidgets/angular/tree/master/grid/popupediting/

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[vijay.vanechaParticipant]

Hi Hristo,

Thanks for reply.

We have implemented second option as you suggested. Working as expected.

Thanks again for your support,
Vijay

[Author]

Posts