Checkboxes in Grid

[MadhuriParticipant]

In my Jqx grid most of the column are populated with checkboxes and these check boxes created as below in HTML for populating permissions
But I am facing problem that when I enable any checkbox and click on add or remove row event the checkbox are refreshed and unchecked .
How I can persist the state of these checkbox in grid?

rowfieldSecurity[“description”] = “<div style=’width: 14px; height: 13px; background-color: #b1b1b1; position: absolute; left: 45%;’><input type=checkbox disabled checked style=’width: 15px;height: 15px;margin-top: 0.2px!important; margin-left: 0.2px!important;’ id=” + readId + ” name=” + readId + ” ” + readFlag + ” onchange=’setModified(true);’></div>”;

rowfieldSecurity[“rhPermission”] = “<div style=’width: 14px; height: 13px; background-color: #b1b1b1; position: absolute; left: 45%;’><input type=checkbox style=’width: 15px;height: 15px;margin-top: 0.2px!important;margin-left: 0.2px!important;’ id=” + readHistoryId + ” name=” + readHistoryId + ” ” + readHistoryFlag + ” onclick=’setModifiedNew(true)’></div>”;

rowfieldSecurity[“wPermission”] = “<div style=’width: 14px; height: 13px; background-color: #b1b1b1; position: absolute; left: 45%;’><input type=checkbox style=’width: 15px;height: 15px;margin-top: 0.2px!important;margin-left: 0.2px!important;’ id=” + writeId + ” name=” + writeId + ” ” + writeFlag + “></div>”;`

[MadhuriParticipant]

I am using selectionmode:’singlecell’

[Peter StoevKeymaster]

Hi Madhuri,

To display checkboxes in jqxGrid, please look at the CheckBox column example or Cell Editing example. You can’t display custom widgets within Grid cells.

Best Regards,
Peter Stoev

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

[MadhuriParticipant]

Hi Peter,

could you please provide example on which multiple column are populated with checkboxes , how we can read these checkboxes data and how we can populate it, we were not getting this type of examples that’s why using custom HTML checkboxes in grid.
Below examples only useful to delete multiple row selection with checkbox and here only one column is populate with checkbox so it is easy to maintain data of checkbox.

http://www.jqwidgets.com/jqxgrid-with-checkbox-based-rows-selection/
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/cellediting.htm

In my grid one column is dropdown and another 4 column are populated with checkboxes so I am not getting how I can pass these column check box data to server and how we can populate these checkbox data from server to client, if you have any example to meet similar requirement these please give?

Thanks .

[Peter StoevKeymaster]

Hi Madhuri,

You can get the Grid’s rows and pass them to a server or somewhere else by using the “getrows” method. If you want to get the indexes of the selected rows, you may use the “getselectedrowindexes” method.

Best Regards,
Peter Stoev

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

[Author]

Posts