Print Page - datagrid-cellediting.js disabled datagrid row's methods

Title: datagrid-cellediting.js disabled datagrid row's methods
Post by: Shatki on May 08, 2017, 04:10:00 PM

I use datagrid in my project, and after adding datagrid cell's editing script in my template:

Code:

<script type='text/javascript' src="{% static 'js/datagrid-cellediting.js' %}"></script>

and

Code:

 $(function(){
            var docTab = $('#item-table-consignment-{{ consignment.id }}').datagrid({
            });
            docTab.datagrid('enableCellEditing').datagrid('gotoCell', {
                idField:'id',
                index: 0,
            });
        });

cell-editing works, but I cannot use ...datagrid(''getSelected'') method for getting a 'row'
I modified datagrid-cellediting.js:

Code:

	function selectCell(target, p){
            ...
        $(target).datagrid('checkRow', p.index).datagrid('selectRow', p.index);
	}

but the problem remains unsolved

Is there a way how i can use datagrid(''getSelected'') after enabling cell editing?
I need to get a row for my objective.

Thank you!

Title: Re: datagrid-cellediting.js disabled datagrid row's methods
Post by: jarry on May 08, 2017, 07:30:00 PM

If you want to highlight and select a row, please enable the 'onBeforeSelect' event after calling the 'enableCellEditing' method.

Code:

$('#dg').datagrid('options').onBeforeSelect = function(){
  return true;
};

If you only want to get the current editing row, please try this code:

Code:

var dg = $('#dg');
var cell = dg.datagrid('cell');  // current cell
var row = dg.datagrid('getRows')[cell.index];  // current row

Title: Re: datagrid-cellediting.js disabled datagrid row's methods
Post by: Shatki on May 09, 2017, 02:19:54 AM

Thank you so much for your excellent hint
Now everything works as I want

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Shatki on May 08, 2017, 04:10:00 PM