Grid Column – Custom HTML elements

[aravindtrueMember]

Hi,

We have an option to add a button from the plugin level.

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/popupediting.htm?classic

The button here is added from the plugin, not from the JSON data.

Similar to these, can I able to add custom elements like anchor(Edit|Delete), image, etc.

Regards,
Aravind

[DimitarParticipant]

Hello Aravind,

Yes, it is possible to add such elements to a grid column by using a cellsrenderer function. Read more about it in the jqxGrid API under the columns property. Here are another two examples of cellsrenderer usage:

Image Column

Custom Column

Best Regards,
Dimitar

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

[aravindtrueMember]

Thanks for the response, I can able to create the images now.

What is the exact way to bind a dropdown list in the grid cell? I was looking at the below link,

http://stackoverflow.com/questions/11408519/database-binding-of-jqwidget-dropdownlist-in-grid-cell

Is this proper way to implement? I tried, it is not working.

Regards,
Aravind

[DimitarParticipant]

Hi Aravind,

Please take a look at the demo Editing, where you can see a column with the following properties:

{ text: 'Product', columntype: 'dropdownlist', datafield: 'productname', width: 177 }

Best Regards,
Dimitar

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

[aravindtrueMember]

Yeah, I checked that too, it is inline editing.

It happens in double click. But, I need that by default.

can I able to display the dropdown list inside the grid control. Is there a way?

Regards,
Aravind

[DimitarParticipant]

Hi Aravind,

jqxDropDownList is available in grid cells only when inline editing and cannot be displayed otherwise.

Best Regards,
Dimitar

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

[Author]

Posts