Guriddo » Topic: Dynamic Checkboxes in form but not table

Dynamic Checkboxes in form but not table

Guriddo
Dynamic Checkboxes in form but not table

This topic has 4 replies, 2 voices, and was last updated 15 years, 1 month ago by OlegK.

Creator

Topic
February 27, 2011 at 5:13 pm #78136

Steffan
Participant

I am converting from a multi page scenario of having a page for adding and a page for editing/deleting. The grid is wonderful for this purpose. One thing I am not sure how to do is on my normal add page is I display a bunch of checkboxes of options pulled from a database and those options are then added to a table when submitted.

Here is an example of how I show the options:

Keep in mind these are dynamic and will change as more are added. My problem is how to get them to show in the form but not the table. I can serve these as the grid is loaded but how would I build that into the table?
Creator

Topic

Viewing 4 replies - 1 through 4 (of 4 total)

Author

Replies
February 27, 2011 at 7:09 pm #97452

Steffan
Participant

I'm trying to figure out if my description is confusing. On a regular form, I have those checkboxes shown in my post which are pulled from a MySQL table. How can I get those to load into the jqGrid form for adding a new records or for editing purposes?

February 27, 2011 at 7:31 pm #97453

Steffan
Participant

Ok, I'm a bit closer. I tried a multiple select which will do the same thing but the checkboxes are a bit nicer. Also, is how to load those multiple select values and how do you load one's values and set it as selected? Does it require an ajax query to get the groups and somehow set the selected one upon showing the edit form??

February 27, 2011 at 9:04 pm #97454

Steffan
Participant

I'm still hoping someone can chine in on checkboxes but perhaps the multiple select is the best option. Is there a way to add tool tips to the multiple select directing how to select multiple?

Anyway here is what I used. If you have suggestions on how to improve this, let me know. It seems there has to be a better way to get the groups on onload without wrapping the grid in the get statement.

$.get('/async/groups.lasso',{x:1}, function(groups){

February 27, 2011 at 11:13 pm #97458

OlegK
Participant

Instead of usage of $.get('/async/groups.lasso',{x:1}, …); you can use dataUrl option of the editoptions.

About your problem with multiselect elements it is difficult to recommend you one way. You can either use multilelect elements (see the answer with the demo) or custom formatter with custom editing which do this (see this and this).

Another way could be to use additional multiselect grid for editing purpose.

One more option is to use many columns with checkboxes. To make all more compact I use column headers with vertical texts. See the answer for example, with the demo. I use personally frequently the way in my projects. The main advantage of the way is simple filtering. Combining this way with the toolbar filtering
Author

Replies