jQuery Forum

In jqgrid all editable cell data from same row  gets posted if you use jqgrid's own row edit method.
If you are using you own then you need to code it.

Predicting something without seeing your code, HTML is very difficult.

Share a link to your page from where we can see it.

Hi, thanks for your answer.

Its very difficult to understand unless we see it in play. While you are editing a column, both column convert to input fields? If not then it will post the value of the input filed its having in the cell and the id of the row.

If you don't have a public url to see it then you can create a demo on plnkr.co very easily. But you can't use your serverside language.

You can copy the json response for the grid data and use it as variable as data source while creating a demo.

Hi,

celledit only submits the cell you are editing and the id of the row.

You said you are doing inline row edit but you are not. You are doing cell edit. jqgrid has both feature and both are completely different.

And i am sure both cell never converts to editable mode same time. Only the one you clicked. So at a time you will have only one input field and that field value will be submitted with row id.

Its not like row edit where it sends the values of entire row.

Ah, ok!

See this is what they said

What is posted to the server?

You don't need to bother about MVC.

http://www.trirand.com/blog/jqgrid/jqgrid.html

5th Menu from the left - Row Editing(new)

They have various examples with sample code. You can enable from outside grid by click a button or clicking button presents in each row or clicking on row itself.

It also enables only those cell marked as editable not all the cell from that row.

Ok. Now i understand.

That code make sure that if you are editing a row and then you clicked another row then it enables clicked row in editable mode and previously editable row will be reverted back to prior state.

1. onSelectRow: function(id) {
2.     if (id && id !== lastsel) { // id is row id of the clicked row and check id is present or not and if present then not same as previously clicked row id
3.         jQuery('#doctypes-list').restoreRow(lastsel); // restoring previously clicked row to non editable mode with data loaded by grid.
4.         jQuery('#doctypes-list').editRow(id, true); // make currently clicked row editable
5.         lastsel = id; // storing currently clicked row id as last click id so it can be compared against other row while you clicked another row.
6.         //if you click the same row you are editing again, then row id and lastsel will be matched and this code block will not be executed and you will not see any changes
7.     }
   
8. },

Also if you need datepicker then you should not show datepicker icon in the cell itself with data. Show it only when you enable editable mode.

You can use jQuery datepicker and use it like

1. onSelectRow: function(id) {
2.     if (id && id !== lastsel) {
3.         jQuery('#doctypes-list').restoreRow(lastsel);
4.         jQuery('#doctypes-list').editRow(id, true, initDatePicker);
5.         lastsel = id;
6.     }
7. },

See i use a function to init detapicker when a row will be changed to editable mode.

1. function initDatePicker(rowId){
2.     $("#" + rowId + "_DateCreated, #" + rowId + "_DateExpired").datepicker(
3.     { dateFormat: 'dd/mm/yy'});
4. }

This function will attach datepicker to your input fields, place this function outside grid code. This function will be called automatically when you clicked a row.

Perfect!