I want to use ColumnSettings and RowEditDialogOptions with dialog and editor templates in server side logic and I don't know how to do it. Can you please provide me a sample where it is done in asp.net mvc server side logic? I am using infragistics ultimate ver 2015.1
This is what I currently have:
gridModel.Features.Add(new GridUpdating()
{
AddRowLabel = "New Customer",
EditMode = GridEditMode.RowEditTemplate,
RowEditDialogContainment = "window",
RowEditDialogHeight = "400px",
EnableDeleteRow = false,
RowEditDialogWidth = "600px",
StartEditTriggers = GridStartEditTriggers.DblClick,
});
Hello Mir,
Please make sure that you’ve updated the script references on the page. They should all point to 15.2.
I’ve modified the sample with the new option names for 15.2 and attached it for your reference.
Please refer to it and let me know if you have any questions.
Best Regards,
Maya Kirova
Infragistics, Inc.
http://ko.infragistics.com/support
Hi Maya,
I have downloaded the latest version 2015.2 and updated my code and now I am not able to show the dialog box, I have used GridEditMode.Dialog syntax but when I click on New Customer button it does not show dialog box and shows new blank row in the grid. here is my grid updating code, again this is server side logic:
GridUpdating updating = new GridUpdating()
EnableAddRow = true,
EditMode = GridEditMode.Dialog,
RowEditDialogOptions = new RowEditDialogOptions()
Width = "400px",
Height = "400px",
CaptionLabel = "Customer",
Containment = "window",
}
};
gridModel.Features.Add(updating);
The options dialogTemplateSelector and editorsTemplateSelector were instroduced in version 15.2 . For more details refer to:
http://help.infragistics.com/jQuery/2015.2/ui.iggridupdating#options:rowEditDialogOptions.dialogTemplateSelector
Before that a single template was used called rowEditDialogRowTemplate/ rowEditDialogRowTemplateID:
http://help.infragistics.com/jQuery/2015.1/ui.iggridupdating#options:rowEditDialogRowTemplate
The old template doesn’t allow much customizations compared to the new one.
If you’d like to achieve the same look as in the sample I suggest you use a custom editor provider for the image column. I’ve attached a sample for your reference. Note that the custom editor provider needs to be defined on the client side.
Just to provide you more context. I am trying to do similar to what is in the following sample http://www.igniteui.com/grid/row-edit-dialog on the server side. With your help now I know how to use ColumnSetting and RowEditDialogRowTempate in server side. Now I need help with the following code that is in the sample
rowEditDialogOptions: { width: "530px", height: "410px", dialogTemplateSelector: "#dialogTemplate", editorsTemplateSelector: "#editorsTemplate", showReadonlyEditors: false, }
I am not able to find the rowEditDialogOptions in the server side. Can you show me how this can be done from the asp.net mvc server side?
Thanks,
Mir
Thanks for a quick response. Thats exactly what I was looking for. I have a follow up question, how do can I control the size of each textbox in the popup as I have a notes column that will be 3 rows long.