EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: thecyberzone on March 12, 2019, 10:24:29 AM

Title: Deleting datagrid row
Post by: thecyberzone on March 12, 2019, 10:24:29 AM

I want to delete a row in datagrid by selecting a row and pressing delete key, but cannot find a way to handle datagrid keypress event so that I can trap delete key and do the row deletion in datagrid.

Any help is appreciated.

Title: Re: Deleting datagrid row
Post by: fguibert on March 12, 2019, 04:20:00 PM

try this way :

Code:

$('html').keyup(function(e){
    if(e.keyCode == 46) {
        var row = $('#dg').datagrid('getSelected');
	if (row){
            alert("Deleting rowid : "+row.id);
        }
    }
});

Title: Re: Deleting datagrid row
Post by: fguibert on March 12, 2019, 04:27:25 PM

or this smarter way :

Code:

	document.addEventListener('keydown', function(event) {
	    const key = event.key; // const {key} = event; ES6+
	    if (key === "Delete") {
	    	var row = $('#dg').datagrid('getSelected');
	    	if (row){
	                alert("Deleting rowid : "+row.id);
	            }
	    }
	});

Title: Re: Deleting datagrid row
Post by: jahangir on March 12, 2019, 10:07:26 PM

Try this

Code:

 $('#dg').datagrid('getPanel').panel('panel').attr('tabindex', 1).bind('keydown', function (e) {
	if (e.keyCode == 46) {	  
	  var dg = $('#dg');
	  var row = dg.datagrid('getSelected');
	  if(row){
		  var row_index = dg.datagrid('getRowIndex', row);
		  dg.datagrid('deleteRow', row_index);	  	  
	  }
	}
});