jQuery Grid Plugin - jqGrid

Hello Tony,

First of all I want to say thank you for this excellent grid. I have some problems with cell edit and I need your help.

1) When someone press an editable cell and then press to sort something when he returns to the cell, the html tag then appears

<input name=”amount” id=”2_amount” style=”width: 98%;” type=”text”>

2) When a user has select a editable cell and delete the row then the grid is not “responding”. Well you can add new rows, but you can not see the indicator of what row you have select or edit any cells. Something like “half froze”!

According to 1 I know that has been mentioned by an other user but there was no answer. Also i found this

http://www.trirand.com/blog/?p.....ing/page-1

He can not sort when he is in edit mode. Furthermore i tried with beforeEditCell to disable the sortable but with no luck.

My jgrid conf is something like that

jQuery(document).ready(function(){
    var lastSel;
jQuery(”#list2″).jqGrid({
    url:'include/jgrid.php?nd='+new Date().getTime(),
    datatype: “json”,

    colNames:['ID','Κωδ.','Περιγραφή', 'Τεμ/Κιβ.', 'ΠοσÏŒτητα'],
    colModel:[
    {name:'id',index:'id', width:10, sortable: true, sorttype:"int", hidden:true, editrules:{edithidden:true} },
        {name:'code', sortable: true, width:10, sorttype:"text" },
        {name:'desc',index:'description', width:100, sortable: true, editable:false, sorttype:"text" },
    {name:'item',index:'item', width:12, sortable: true, editable:false, sorttype:"text" },
        {name:'amount',index:'amount', sortable: true, editable:true, width:15, sorttype:"int", formatter:'integer', editrules:{required: true, integer: true, minValue: 1} }    //formatter:'checkbox',editoptions:{value:“true:false”}
    ],

    pager: jQuery('#pager2'),

    rowNum:10,

    rowList:[10,20,30],

    imgpath: '../admin/js/jgrid/themes/basic/images',
    sortname: 'sequence',

    viewrecords: true,
    cellEdit: true,
    cellurl: “include/jgrid_update.php”,
    cellsubmit: “clientArray”,
    sortorder: “asc”,
    caption: “ΠροÏŠÏŒντα”,
    width: 825,
    height: 250,
    loadonce: true,
    editurl:”include/jgrid_update.php”,
    pager: jQuery('#pager2'),
    onSelectRow: function(id){
    if(id && id!==lastSel){
        jQuery('#list2').restoreRow(lastSel);       
        lastSel=id;
    }   

    jQuery('#list2').editRow(id, true );

    },
    onRightClickRow: function(id){
    alert(”Δεν επιτρέπεται το δεξί κλικ!”);
    return false;
    },
    afterSaveCell: function(id){
    $('#list2 td.dirty-cell').removeClass(”dirty-cell edit-cell”);
    $('#list2 tr.edited').removeClass(”edited”);
    },
    afterEditCell: function(id){
    //alert(”test 2″);
   
    },
    beforeEditCell: function(id){
    //alert(”test 345″);
    jQuery(”#list2″).setColProp('amount',{sortable: true});
    }
});

jQuery(”#list2″).navGrid('#pager2',
    {refresh: false, edit: false, add: false, del: false, search: false},
    {height:280,reloadAfterSubmit:false}, // edit options
    {height:280,reloadAfterSubmit:false}, // add options
    {reloadAfterSubmit:false}, //delete options
    {reloadAfterSubmit:false}

).navButtonAdd('#pager2',{
        caption:”Delete”, buttonimg:”../admin/js/jgrid/themes/steel/images/row_delete.gif”, onClickButton: function delRow(){
            var id = jQuery(”#list2″).getGridParam('selrow');
            var su=jQuery(”#list2″).delRowData(id);           
            if (!su){
                alert (”You don't have choose any products!”);
            }
        }
}).navButtonAdd('#pager2',{
        caption:”Clear All”, buttonimg:”../admin/js/jgrid/themes/steel/images/tab_close-on.gif”, onClickButton: function clearAll(){
            var su=jQuery(”#list2″).clearGridData();
        }

});

Am I doing something wrong?

Regards,

Dimitris Mexis