Problem with editable Grid

[JaneParticipant]

Hi,

there is a possibility to end the editing cell another key than Enter or mouse when it selected a different row of the grid than is editable? Because cellendedit is not call for example when pressing the up or down arrows or I select another row when is editable now.

 $('#' + _bro.id).jqxGrid({
              source: _dataAdapter,
              columnsresize: true,    
              columnsreorder: true,    
              width: '100%',
              sortable: true,        
              altrows: true, 
              sorttogglestates: 1,   
              columnsmenu: false,     
              keyboardnavigation: false, 
              handlekeyboardnavigation: function (event) { 
                _onKeyDown(event); //there is our navigation
              },
              columns: _brwColumns,
              rowsheight: _rowHeight,           
              columnsheight: _rowHeight,        
              selectionmode: 'singlerow',   
              enablemousewheel: false,        
              showemptyrow: true,
              editable: !_readOnlyMode,
              editmode: 'dblclick'
    });

Thanks Jane

[Peter StoevKeymaster]

Hi Jane,

“cellendedit” is raised when the editing of given cell/row ends. Working demo: http://jsfiddle.net/m3Dka/

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[JaneParticipant]

Yes, but “cellendedit” is not call when editmode is ‘dblclick’ and I select another row when is editable now. Because select row is click.

 var data = generatedata(500);
 var source = {
     localdata: data,
     datafields: [{
         name: 'firstname',
         type: 'string'
     }, {
         name: 'lastname',
         type: 'string'
     }, {
         name: 'productname',
         type: 'string'
     }, {
         name: 'date',
         type: 'date'
     }, {
         name: 'quantity',
         type: 'number'
     }, {
         name: 'price',
         type: 'number'
     }],
     datatype: "array"
 };

 var adapter = new $.jqx.dataAdapter(source);
 $("#jqxgrid").jqxGrid({
     width: 500,
     theme: 'energyblue',
     source: adapter,
     sortable: true,
     editable: true,
     editmode: 'dblclick',
     selectionmode: 'singlerow',
     columns: [{
         text: 'First Name',
         datafield: 'firstname',
         columngroup: 'Name',
         width: 90
     }, {
         text: 'Last Name',
         columngroup: 'Name',
         datafield: 'lastname',
         width: 90
     }, {
         text: 'Product',
         datafield: 'productname',
         width: 170
     }, {
         text: 'Order Date',
         datafield: 'date',
         width: 160,
         cellsformat: 'dd-MMMM-yyyy'
     }, {
         text: 'Quantity',
         datafield: 'quantity',
         width: 80,
         cellsalign: 'right'
     }, {
         text: 'Unit Price',
         datafield: 'price',
         cellsalign: 'right',
         cellsformat: 'c2'
     }]
 });

 $('#jqxgrid').on('cellendedit', function (event) {
     $("#log").html("cellendedit has been raised.");
 });

Jane

[Peter StoevKeymaster]

Hi Jane,

It is raised correctly, because while you do not open another cell for edit,the even should not be raised and when you open another cell for edit, the event is raised.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[JaneParticipant]

Is there any way to call function “cellendedit” in this case? Because the selected row can be made a lot of user actions, as is the case with us. A from the user perspective will exit the edit cell, so expect to save it as it is after pressing the ENTER key. But I can not oblige the user the end the edit always pressed ENTER.

Jane

[JaneParticipant]

Hi,

is there any way to call cellendedit? This for us is quite fundamental problem that we are unable to use your grid, with which we are otherwise very satisfied.

Jane

[JaneParticipant]

Hi,

I just solved this problem

Jane

[fdskiParticipant]

Jane, care to share how ?

Bart

[Author]

Posts