.I set the multiSelect property of my jqGrid to true. Now I would like to send data from particular columns in each row that was selected and add them all up and send them as a JSON string to a URL of my choosing when the garbage can icon is selected.
So I have just two questions; One how do I target the delete button (represented by the garbage can icon) using jQuery and two how do I get all the data from certain columns of each selected row and send all of them as JSON to a URL that I specify in the delete section of my jqGrid.
I know I can make use of the onSelectRow property but I’m still not too sure what needs to be done in this property. The script below will give me all Row data but I only want the ones that I selected:
jQuery(“#mygridid”).jqGrid(‘getRowData’)
Also I want to be able to grab the ID of the garbage can icon if it has one and use it like the following:
$(‘#garbageCanIcon’).click(function(){
//Do something
)}
Below is a snippet of my jqGrid code:
colNames: [‘EmpId’, ‘Name’],
colModel: [{ name:’EmpId’, index:’EmptId’},
{ name:’Name’, index:’Name’}
],
jsonReader: {
root: “rows”,
page: “page”,
total: “total”,
records: “records”,
repeatitems: false,
id: ‘CustId’
},
multiselect: true
}).navGrid(‘#jqControls’, { add: false, edit: true, del: true, search: true, refresh: true},onSelectRow:func(){
},
//Setting for edit
{
zIndex: 100,
closeOnEscape: true,
closeAfterEdit: true,
recreateForm: true,
width: ‘100%’,
height: ‘100%’,
editData: { name: “Yes” }
},
//setting for add
{}
,
//setting for delete
{
zIndex: 100,
closeOnEscape: true,
closeAfterDelete: true,
recreateForm: true,
url:’mycontroller/mycontrollermethod’
},
Hello,
First of all I prefer you to consult our new created documentation
Here you will find almost the answer of your questions.
I will begin from the second question.
To get the id’s of all selected rows (in case of multiselect) use the method getGridParam with parameter selarrrow. and to get the data of all selected rows use getRowData method. All of this is in the docs
|
1 2 3 4 5 6 7 |
var seldata=[]; // array to push the var selectedids = $("#grid").jqGrid('getGridParam', 'selarrrow'); if(selectedids.length) { for(var i=0;i<selectedids.length;i++) { seldata.push( $("#grid").jqGrid('getRowData', selectedids<em class="d4pbbc-italic"></em>) ); } } |
For the first question you can have two possibilitie:
– use serializeDelData paramater when deleting a row
http://www.guriddo.net/documentation/guriddo/javascript/user-guide/navigating/#parameters
and here
http://www.guriddo.net/documentation/guriddo/javascript/user-guide/editing/#del-grid-row
or define your own button in navigator using navButtonAdd method.
Look here”: http://www.guriddo.net/documentation/guriddo/javascript/user-guide/navigating/#custom-buttons
The second way is preferred one since you have full control of what yo want to send.
Kind Regards,
Will
Guriddo Support Team
I’m working with legacy code and the code uses editurl : ‘/folder/MethodName’ to send data to the backend when the delete button is clicked. The MethodName method signature is as below.
public ActionResult MethodName(string operation, Customer Model, string name)
The legacy code is giving me such a hard time as I can’t find any good article online that shows how to pass data to my MVC controller method (seen above) using editurl.
When I click on the trash can icon to delete the grid rows I’ve selected using multiselect, I want to use AJAX which is defined in the onSubmitClick property in the Delete section of jqGrid, to directly call the method MethodName and send data to it.
When I try to do that I get a modal asking me to confirm whether or not to delete the selected rows and my AJAX code in the onSubmitClick never gets called.
Instead of handling the delete using code in the Delete section of jqGrid when the trash can icon is clicked, the legacy code uses code for Edit and decides what to do based on the operation user selected and this confuses me.
Normally to post data to the backend I would use postData but in the legacy code I’m working with, I do not see postData.
So could you please do me a big favor and show me how to mark each of the data in jqgrid that I want to send to server side methods as parameters when editurl is used.
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
