Jqgrid dynamically add data items

Dynamically modify parameters submitted by jqgrid

 

Specific instructions can refer to the http://www.trirand.com/jqgridwiki/doku.php? Id = wiki: post_data_module

 

Here is an example: When you need to filter the display data of jqgrid based on user input, you can achieve this,

 

JS Code

1. Username = $ ('# username'). Val (); // input value
3. Usercode = $ ('# usercode'). Val (); // input value
5. Jquery ('# grid_user'). appendpostdata ({Username: username, usercode: usercode}
7. In this case, when the grid data is refreshed, the data submitted to the server contains the username and usercode.

Username = $ ('# username '). val (); // input value usercode = $ ('# usercode '). val (); // The input value jquery ('# grid_user '). appendpostdata ({Username: username, usercode: usercode}). When the grid data is refreshed, the data submitted to the server contains the username and usercode.

 

Add data items dynamically when submitting the editing form

 

How can I dynamically add or modify some projects when submitting a form editing request?

 

A typical example is to add the current time project to the submitted data when adding an article record.

 

Reference http://www.trirand.com/jqgridwiki/doku.php? Id = wiki: form_editing:

 

Before submitting a form, the event beforesubmit is triggered, so we can do something in this event.

 

JS Code

1. // Before submission
2. Fn_beforesubmit = function (postdata, formid ){
3. // Add or modify the postdata project value
4. Postdata ['uploaddate'] = new date (). Format ("yyyy/mm/DD ");
5. Postdata ['uploadtime'] = new date (). Format ("HH: mm: SS ");
7. Return [true, '']; // submit
9. };
11. // Add record options
12. Options_add = {
13. Width: 500,
14. Height: 290,
15. Reloadaftersubmit: True,
16. Jqmodal: True,
17. Beforesubmit: fn_beforesubmit,
18. ......
19. }
21. // Configure jqgrid nav
22. Jquery (pgridid ). jqgrid ('navgrid', ppageid, {EDIT: True, add: True, del: True, search: false, refresh: True, view: True, addtext: 'add ', edittext: 'modify', deltext: 'delete'}, // options
23. {Height: 290, reloadaftersubmit: false, jqmodal: True, closeonescape: True, bottominfo: "Fields marked with * cannot be blank"}, // edit options
24. Options_add, // Add options
25. {Reloadaftersubmit: false, jqmodal: True, closeonescape: true}, // del options
26. {Closeonescape: true}, // search options
27. {Height: 250, jqmodal: false, closeonescape: true} // view options
28. );

// Before submission, fn_beforesubmit = function (postdata, formid) {// Add or modify the postdata project value postdata ['uploaddate'] = new date (). format ("yyyy/mm/DD"); postdata ['uploadtime'] = new date (). format ("HH: mm: SS"); return [true, '']; // submit}; // Add record options options_add = {width: 500, height: 290, reloadaftersubmit: True, jqmodal: True, beforesubmit: fn_beforesubmit ,......} // configure jqgrid nav jquery (pgridid ). jqgrid ('navgrid', ppageid, {EDIT: True, add: True, del: True, search: false, refresh: True, view: True, addtext: 'add ', edittext: 'modify', deltext: 'delete'}, // options {Height: 290, reloadaftersubmit: false, jqmodal: True, closeonescape: True, bottominfo: "Fields marked with * cannot be blank"}, // edit options options_add, // Add options {reloadaftersubmit: false, jqmodal: True, closeonescape: true }, // del options {closeonescape: true}, // search options {Height: 250, jqmodal: false, closeonescape: true} // view options );