I have a RowEditingTemplate that is being used to edit the row. How can I use the same templte to add a row?
I've checked http://forums.infragistics.com/forums/p/60144/305361.aspx#305361 but that solution requires commiting the record first.
I need to display the RowEditingTemplate when the user wants to add new row and based on OK buttion of the RowEditingTemplate commit the record.
Hi akhavany,
Thank you for posting in the community.
I am attaching a sample demonstrating how the Row editing template may be used for adding new rows in the grid by handling the template closed event of the template along with displaying the RET upon clicking on the AddRow selector. Below is the relevant javascript code used:
Please let me know if this helps.
Thank you very much. Works perfectly.
On a separate note, it seems most of the older sample links in Infragistics.com are broken.
For example
https://es.infragistics.com/samples/aspnet/data-grid/dropdown-editors
Whishc is refered to in:
http://community.infragistics.com/forums/p/43644/265048.aspx
Thank you for your reply.
As the samples collection is updated with each release and occasionally samples change, the links to samples do indeed change. For instance the above sample may now be found at:
http://samples.infragistics.com/aspnet/Samples/WebDataGrid/EditingAndSelection/DropDownEditors/Default.aspx?cn=data-grid&sid=a01f7736-5540-4cb6-9526-873efd65f20b
Please let me know if you need more information.
I need to turn off RowAdding behaviour. Just have Editing Core & Row Editing Template and have an "Add" button which onClick should display the RowEdititingTemplate.
Following http://blogs.infragistics.com/aspnet/articles/webdatagrid-client-side-crud.aspx
I've turned off the AutoCRUD, onClick calls addUserRow() which creates a new row & adds to grid.
In WebDataGridUser_Editing_RowAdding RET.enterEditMode(row); should the template but:
1. It does not display the added record
2. Ok & cancell buttons do not generate WebDataGridUser_RowEditing_TemplateClosed
function addUserRow() {
var grid = window.$find("<%= WebDataGridUser.ClientID %>");
var ret = grid.get_behaviors().get_editingCore).get_behaviors).get_rowEditingTemplate();
rows.add(data);
}
function WebDataGridUser_Editing_RowAdding(sender, eventArgs) ar RET = ig_controls.WebDataGridUser.get_behaviors().get_editingCore().get_behaviors().get_rowEditingTemplate();
{
v
RET.enterEditMode(row);
Disabling the rowAdding behavior in this scenario would be impractical as the RowEditingTemplate needs to be displayed for an existing grid row object. I have therefore created a small sample illustrating how the adding row may be hidden through CSS (note that the footing area would still be visible) and how a new row may be added using a button and the template. When the adding button is clicked, it accesses the adding row object through the grid behaviors.
Please let me know if you have any questions.
Please feel free to contact me if you have any further questions regarding this matter.
Hi Peter,
We have used the solution offered by you for WHDG. The popup came when we click on the Add Button, but if we do anything on the page like scrolling, etc the pop up disappears.
We have added the RowClick event & added the following code there...
function UltraWebGrid1_Click(sender, eventArgs) { if ((eventArgs.get_item().get_index() != null) && (eventArgs.get_item().get_index() == -1)) { //debugger; // var RET1 = $get('<%=UltraWebGrid1.GridView.ClientID%>').get_behaviors().get_editingCore().get_behaviors().get_rowEditingTemplate(); var RET = ig_controls.ctl00_ContentPlaceHolder1_UltraWebGrid1_ctl00.get_behaviors().get_editingCore().get_behaviors().get_rowEditingTemplate(); // var RET = $get('<%=UltraWebGrid1.GridView.Behaviors.EditingCore.Behaviors.RowEditTemplate%>'); RET.enterEditMode(eventArgs.get_item());
} }
Any help on this is highly appreciated.
If you have any further questions regarding this matter, please feel free to contact me.
Thank You very much. Very helpful.