jQuery Grid Plugin - jqGrid - Topic: celledit + checkbox needs an "ENTER" pressed for saving state

timeriver on celledit + checkbox needs an "ENTER" pressed for saving state

Mon, 18 Jul 2011 11:38:30 +0300

kobruleht said:

I tried but got error that block() method is undefined. How to fix ?

the block is blockUI function, try to google how to use it.

kobruleht on celledit + checkbox needs an "ENTER" pressed for saving state

Sun, 17 Jul 2011 20:14:05 +0300

I tried but got error that block() method is undefined. How to fix ?

timeriver on celledit + checkbox needs an "ENTER" pressed for saving state

Fri, 15 Jul 2011 18:20:23 +0300

I had done this, share with you :

$(document).ready(function () {
         $.ajax({
             url: 'sheet.aspx?q=load',
             datatype: 'json',
             success: function (data) {
                 $("#grid_id").jqGrid({
                     url: '',
                     datatype: 'clientSide',
                     mtype: 'POST',
                     height: 'auto',
                     colNames: data.colNames, //get from code behide
                     colModel: data.colModel, //get from code behide
                     viewrecords: true,
                     rowNum: 15,
                     headtitles: true,
                     data: data.rows,
                     jsonReader: {
                         root: "rows"
                     },
                     hidegrid: false,
                     cellurl: 'sheet.aspx?q=update',
                     beforeSubmitCell: function (rowid, celname, value, iRow, iCol) {
                         return { celname: celname }
                     },
                     loadError: function (xhr, status, error) { alert(status + " " + error); }
                 });

                 jQuery(".jqgrow td input").each(function () { //detect all input
                     jQuery(this).click(function () {
                         jQuery(this).change(function () {
                             var data = new Array(3);
                             data[0] = "{id:\"" + $(this).parents('tr').attr('id').replace(/^\s*|\s*$/g, "") + "\","; // replace = trim
                             var colname = $(this).parents('td').attr('aria-describedby').replace("grid_id_", ""); // get colname
                             var value = ($(this).prop('checked')) ? "True" : "False";
                             data[1] = colname + ":\"" + value + "\",";
                             data[2] = "celname:\"" + colname + "\"}"
                             $.ajax({
                                 url: 'sheet.aspx?q=update',
                                 type: 'POST',
                                 data: eval('(' + data[0] + data[1] + data[2] + ')'), //eval is string to json
                                 beforeSend: function (jqXHR, textStatus) { jQuery('#grid_id').block({ message: '<h1>Loading...</h1>' }); },
                                 complete: function (jqXHR, textStatus) { jQuery('#grid_id').unblock(); },
                                 loadError: function (xhr, status, error) { alert(status + " " + error); }
                             });
                         });
                     });
                 });
             },
             error: function (x, e) {
                 alert(x.readyState + " " + x.status + " " + e.msg);
             }
         });
     });

colmodel: "{"name":"test","width":40,"align":"center","editoptions":{"value":"True:False"},"edittype":"checkbox","formatter":"checkbox","formatoptions":{"disabled":false}},"

these code can ajax save the checkbox state.

giorgio79 on celledit + checkbox needs an "ENTER" pressed for saving state

Mon, 17 Jan 2011 09:44:51 +0200

I think my issue is a duplicate of this:

http://www.trirand.com/blog/?p.....38;ret=all

giorgio79 on celledit + checkbox needs an "ENTER" pressed for saving state

Sun, 16 Jan 2011 10:27:47 +0200

Hello,

I am having an issue that is very similar to an old bug:

http://www.trirand.com/blog/?p.....-jqgrid-36

1. Click on cell with content Yes

2. Change the value from checked to unchecked

3. Press Enter to save it

evarthing correct.

But this not work (bug)

1. Click on cell with content Yes

2. Change the value from checked to unchecked

3. "CLICK ANOTHER CELL"

The difference is that I am using a checkbox formatter for display, not just for edit like this

{name:'selected',index:'selected',classes:"192-haha",width:90,editable:true, edittype:'checkbox', editoptions: { value:"1:0"}, formatter: "checkbox", formatoptions: {disabled : false},sorttype:"text",searchoptions: { sopt: ['eq'], value:":All;1:Yes;0:No" }, stype: 'select',sortable:true},

The same happens:

1. Click on checkbox

2. Click inside the cell of the checkbox to highlight with celledit

3. Press Enter to save

Works fine

But this does not

1. Click on checkbox to change value

2. Click somewhere else

3. Do a sort or filter -> Checkbox loses the change

Here is the full code, that I posted in another thread before:

http://www.trirand.com/blog/?p.....reservedi/