jQuery Grid Plugin - jqGrid - Topic: Show input field in Cell Edit

tony on Show input field in Cell Edit

Wed, 13 Jan 2010 18:48:26 +0200

Hello,

You have a mixed cellEdit and inline edit - they can not exist together.

In case you use inline edit

http://www.trirand.com/jqgridw.....ne_editing

maybe you will need to use aftersavefunc

Best Regards

Tony

AdaXi on Show input field in Cell Edit

Tue, 12 Jan 2010 18:13:16 +0200

Updated the code, it should be correct according to the documentation.

This code is based in part in the code that is on the examples page : http://www.trirand.com/blog/jq.....qgrid.html , more precisely at "New in version 3.3 > Cell editing".

...

BUT, it's still not working !

I have another question regarding the example in the above page : in the source code they include the script grid.celledit.js, do we still need to included in the last version, or it's already included in the jquery.jqGrid.min.js version 3.6.

AdaXi on Show input field in Cell Edit

Mon, 11 Jan 2010 20:11:12 +0200

I need your help one more time, to solve an event related problem.

This is the code that I have now :

jQuery("#cart").jqGrid({
        url:       '<?php echo base_url().$this->lang->lang().'/basket/show/update'; ?>',
        datatype:   'xml',
        mtype:       'POST',
        height:   'auto',
        colNames:   ['Image','Name','Qty','Stock', 'HT','TTC'],
        colModel :   [
            {
                name:'image',
                index:'image',
                width:100,
                editable: false,
                sortable: false,
                align: 'center'
            },
            {
                name:'name',
                index:'name',
                width:200,
                editable: false,
                sortable: false
            },
            {
                name:'quantity',
                index:'quantity',
                width:55,
                editable: true,
                sortable: false,
                align: 'center', editrules:{number:true}
            },
            {
                name:'stock',
                index:'stock',
                width:50,
                editable: false,
                sortable: false,
                align: 'center'
            },
            {
                name:'wotax',
                index:'wotax',
                width:100,
                editable: false,
                sortable: false,
                align: 'right',
                formatter:'currency',
                formatoptions: {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, suffix: " EUR"}
            },
            {
                name:'wtax',
                index:'wtax',
                width:100,
                editable: false,
                sortable: false,
                align: 'right',
                formatter:'currency',
                formatoptions:{decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, suffix: " EUR"}}
        ],
        cellEdit:   true,
        cellsubmit: 'remote',
        cellurl:    '<?php echo base_url().$this->lang->lang().'/basket/edit' ?>',
        afterSaveCell: function(id, cellname, value, iRow, iCol) {
                alert('heya');
                jQuery("#cart").jqGrid('trigger', 'reloadGrid' );
        },
        gridComplete: function(xhd){
                var dataIDs = jQuery('#cart').getDataIDs();
                for (var index in dataIDs) {
                    jQuery('#cart').editRow(dataIDs[index],false);
                }
        }
});

I am trying to reload the grid after the user edits a cell, I am using afterSaveCell to do exactly that, but nothing happens, why ?

AdaXi on Show input field in Cell Edit

Sun, 10 Jan 2010 16:41:34 +0200

I will try that tomorrow, thanks for the advice !

AdaXi

EDIT: It worked great !

tony on Show input field in Cell Edit

Sun, 10 Jan 2010 12:51:46 +0200

Hello,

Try to use inline edit. Get all the id of the grid, then loop throught these with editRow method.

Regards

Tony

AdaXi on Show input field in Cell Edit

Fri, 08 Jan 2010 16:45:56 +0200

Hi everyone !

I am trying to do a editable jqGrid using 'Cell Edit', I would like to show the input field immediately, whitout needing to click on the cell to show the input field. Is this possible ? If so, could you explain me how to do this ?

Thanks,

AdaXi