Let me know if I may be of further assistance.

Hello Abby,

 Thank you for the detailed explanation.

 I have investigate this issue, although I couldn't reproduce it. In the attached sample I have data on the first load of the grid, but after adding some row I am able to see the delete button, before and after the commit. This JavaScript that you use is to add the row into the grid, in order to commit this change you will need to do it like:

 I have tried to create a sample nearest as possible to your explanation, could you please tell me if I am missing something from your scenario.

 I look forward to hearing from you.

Ok. I am kinda there. I was missing the updated css files.

I am able to see the delete button. (Not all of the time.)   When I load the grid, I data bind it to an empty list. I use a row edit template to add new rows to the grid. When I use BatchUpdating = true, the delete button only shows up after I do my first postback. Until then, I don't see the delete button.

To commit a row to the grid prior to postback, I use this javascript.

grid.get_behaviors().get_editingCore().get_behaviors().get_rowAdding()._commitRow();

Once I postback everything runs fine.  But I need to be able to delet rows prior to that.

Thoughts?

Hi Abby,

I tried your mark-up and it still works fine for me, please take a look at the attached archive. What results are you getting, can you post screenshots of what you are seeing in my sample and in yours?

Is there a way for you to share a web-site or project that reproduces the issue so we can take a look at it? I am not sure if you are not missing either a png file or a style.

I will be waiting for your feedback.

I just updated my controls to 14.1.  This is so odd. I am not getting the mouse over effect.

Here is what I currently have as my webdatagrid setup.  I have trimmed out the row edit template all of my columns. Can anyone see why I can not get this feature to work? 

<ig:WebDataGrid ID="grdExpense" StyleSetName="ElectricBlue" runat="server" AutoGenerateColumns="False" Width="100%" Height="400px"

EnableDataViewState="True" EnableAjax="false" OnRowAdding="ExpenseGrid_RowInserting" OnRowUpdating="ExpenseGrid_RowUpdating"

OnRowsDeleting="ExpenseGrid_RowDeleting" OnDataBound="ExpenseGrid_OnDataBound">

<Columns/>

<ClientEvents Initialize="Grid_DataBound"/>

<Behaviors>

<ig:Filtering Enabled="true"/>

<ig:Sorting Enabled="true"/>

<ig:EditingCore AutoCRUD="False" BatchUpdating="true">

<Behaviors>

<ig:RowEditingTemplate CancelButton="cancelButton" OKButton="saveButton" >

<ClientBindings>

</ClientBindings>

<RowEditingClientEvents TemplateClosed="templateClosed" TemplateClosing="templateEditorClosing" TemplateOpening="templateOpening" TemplateOpened="templateOpened"/>

<EditModeActions MouseClick="Double" EnableF2="false"/>

</ig:RowEditingTemplate>

<ig:RowAdding Alignment="Top" >

<AddNewRowClientEvents EnteringEditMode="AddRow"/>

<ColumnSettings/>

<EditModeActions MouseClick="Single" EnableF2="False" />

</ig:RowAdding>

<ig:RowDeleting Enabled="true" ShowDeleteButton="true" />

<ig:CellEditing>

<EditModeActions MouseClick="None" EnableOnActive="false" EnableOnKeyPress="false" />

</ig:CellEditing>

</Behaviors>

</ig:EditingCore>

<ig:Selection CellClickAction="Row" RowSelectType="Single"/>

</Behaviors>

</ig:WebDataGrid>