ansaurus

Question

jqGrid Events problem

Answer 1

+1 A:

Because you use cell editing the usage of afterSaveCell seems me OK for your purpose.

Oleg 2010-09-27 07:24:22

@Oleg: IS there any event that fires editing the row my be like "aftereditRow".

Shivi 2010-09-27 11:12:44

When i am using the doubleclick to edit the column Calenender is not working because it on Aftereditcell event but i have to work it on cellclick event..

Shivi 2010-09-27 11:53:53

@Sandy: There are different events depend on editing mode which you use (**cell editing**, **inline editing**, **form editing**). You use `cellEdit: true`, so cell editing. For cell editing is `afterSaveCell` is the correct place to do something after the cell is modified. You can remove `cellEdit:true` and call `editRow` for example directly after inserting of the empty row. Then you should use `succesfunc`, `errorfunc` and `aftersavefunc` (see http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#editrow) to save the data or remove the new empty row in case of an error.

Oleg 2010-09-27 11:58:26

@Sandy: for **inline editing** the function `aftersavefunc` is what you need.

Oleg 2010-09-27 12:00:13

@Oleg: I m using the afterSaveCell event but it not ger fired in my code.. Below is my code

Shivi 2010-09-27 13:41:48

@Sandy: Please be careful. The function `afterSaveCell` is **NOT** an event of jqGrid. To use this you have to use **additional *aftersavefunc* parameter** of `editRow`. I've written this in my previous comment.

Oleg 2010-09-27 13:51:01

Answer 2

A:

@Oleg: I m using the afterSaveCell event but it not ger fired in my code..

IS i am doing any mistake.. Here is my code.

<script type="text/javascript">

        jQuery(document).ready( function() {

        var Marray=new Array();
            var i=-1;  
        var grid = jQuery("#test");
            var MyExportToXml = function (grid) {
                var dataFromGrid = {row: grid.jqGrid('getGridParam', 'data') };
                var xmldata = '<?xml version="1.0" encoding="utf-8" standalone="yes"?>\n<rows>\n' +
                              xmlJsonClass.json2xml (dataFromGrid, '\t') + '</rows>';
                alert(xmldata);
            };


        var AddNewRow = function(id){
                       var lastsel2 = parseInt(id) + 1;





                      var datarow = {Consultant:"",Role:"",Task:"",SDate:"",EDate:"",
                                       Deliverables:"",Complete:""};

                      //debugger;
                      var su=jQuery("#test").addRowData(lastsel2, datarow, "last") ;
//                  if (su) { 
//                          jQuery('#test').editRow(lastsel2,true); 
//                     
//                           }  
                      };

        var lastsel3;
        var lastsel;
        jQuery("#test").jqGrid({
        url:'/Content/xml/user.xml',
        //url: $!retrivexml,
        datatype: "xml",
        colNames:['Consultant','Project Role', 'Task', 'Start Date','End Date','Deliverables','Complete'],
        colModel:[
            {name:'Consultant',index:'Consultant', width:90, editable: true,edittype:"select",editoptions:{value:"K:Kin;R:Rajesh;R:Renee;S:Sandeep"}},
            {name:'Role',index:'Role', width:80, align:"right",editable:true},
            {name:'Task',index:'Task', width:80, align:"right",editable:true},
            {name:'SDate',index:'SDate', width:90,editable:true},
            {name:'EDate',index:'EDate', width:90,editable:true},
            {name:'Deliverables',index:'Deliverables', width:200, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"25"}},
            {name:'Complete',index:'Complete', width:60, editable: true,edittype:"checkbox",editoptions: {value:"Complete:Incomplete"}}     
        ],

//           onSelectRow:function(id){
//      lastsel=id;
//      //JQuery("#classTable").showCol("class_id"); 
//          
//      var data = jQuery("#test").getRowData(id).Consultant;       
//      alert(data);
//      //jQuery("#classTable").jqGrid('setGridParam',data);    
//      },

        rowNum:10,
        //rowList:[10,20,30],
        pager: '#pagediv',
        sortname: 'id',
        viewrecords: true,
        sortorder: "desc",
        caption:"Project Planning",
        forceFit : false,
        cellEdit: true,
        //editurl:'clientArray',
        cellsubmit: 'clientArray',
        height: "100%", 

        **afterSaveCell : function(id,name,val,iRow,iCol) 
        {debugger;
        if(name == 'Role') {

        alert('aaaaaa')
        }

        },**
//     ondblClickRow: function(id, iRow, iCol, e) {debugger; 
//     jQuery('#test').jqGrid('editRow',true);
//   if(id && id!==lastsel){
//          jQuery('#test').jqGrid('restoreRow',lastsel);
//          jQuery('#test').jqGrid('editRow',id,true);
//          lastsel=id;
//      }
//     }, 

////     Event Fire After entering the Row its Fire
//     afterInsertRow: function(){alert('After entering the Row its Fire')},



      //function(id, iRow, iCol, e) {alert(iRow);}, 

        afterEditCell: function (id,name,val,iRow,iCol){    

        if(name=='SDate') {
                jQuery("#"+iRow+"_SDate","#test").datepicker({dateFormat:"yy-mm-dd"});

            }

        if(name=='EDate') {
                jQuery("#"+iRow+"_EDate","#test").datepicker({dateFormat:"yy-mm-dd"});
            }


//          i = parseInt(i) + 1;
//                       var RowData = jQuery("#test").getRowData(id);
//                       Marray[i] = new Array(7);
//                       Marray[i][0]= RowData.Consultant;
//                       Marray[i][1]= RowData.Consultant;
//                       Marray[i][2]= RowData.Role;
//                       Marray[i][3]= RowData.Task;
//                       Marray[i][4]= RowData.SDate;
//                       Marray[i][5]= RowData.EDate;
//                       Marray[i][6]= RowData.Deliverables;
//                       Marray[i][7]= RowData.Complete;
        },




    });
    jQuery("#test").jqGrid('navGrid','#pagediv',{edit:false,add:false,del:false}).navButtonAdd('#pagediv', { caption:"Add", buttonicon :'ui-icon-circle-plus', title: "Add New Row",
          onClickButton: function() {
//        var last = jQuery('#test').jqGrid('getGridParam','records');                      
       var GridIds = grid.getDataIDs();
       var last= GridIds[GridIds.length -1 ];   
                  AddNewRow (last);
              }
           });

    //grid[0].onafterupdate;
     //grid[1].onafterupdate(function (){debugger;alert("Hellooooo")});

    $("#export").click(function(){
                MyExportToXml (grid);
            });


            });
    </script>

Shivi 2010-09-27 13:23:45

@Oleg: Its Working not i found the Mistake... It call only if we change the data in grid otherwise its will not call...

Shivi 2010-09-27 13:50:14

@Sandy: I don't wrote any comment before to the answer so I could not see any notification which you wrote here. In the code you don't call anywhere have any `editRow`, so you don't use inline editing. The `afterSaveCell` function will be called of cause only if you save the data (modify the cell). If the modification of a cell will be canceled you should do nothing.

Oleg 2010-09-27 14:37:12

@Oleg: Thanks...

Shivi 2010-09-28 05:26:31

ansaurus

tags:

views:

answers:

jqGrid Events problem

related questions