I have a eDataGrid ...
<table id="datagrid_item_pedido" title="Itens" idField="id" singleSelect="true">
<thead>
<tr>
<th field="action" width="18" data-options="formatter:function(value,row,index){ return '<a href=\'#\' onclick=\'deleteLine()\'>Delete</a>';}"></th>
<th field="cod_item" width="100">Item</th>
</tr>
</thead>
</table>
$('#datagrid_item_pedido').edatagrid({
});
function deleteLine(){
var row = $('#datagrid_item_pedido').datagrid('getSelected');
var index = $('#datagrid_item_pedido').datagrid('getRowIndex',row);
$('#datagrid_item_pedido').edatagrid('destroyRow',index);
}
I insert two lines in eDataGrid ...
$('#datagrid_item_pedido').edatagrid('addRow',{row:{cod_item:'Test1'}});
$('#datagrid_item_pedido').edatagrid('addRow',{row:{cod_item:'Test2'}});
If i click on the link "Delete" in the first line ("Test1"), the line disappears (it's ok).
Now, if I click again on "Delete" link on the left line ("Test2"), nothing happens.
Can someone help me with this problem?
