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,
Thank you for posting in our forum.
Here’s an example on how to set the updating features’ ColumnSettings and RowEditDialogRowTemplate:
GridModel gridModel = new GridModel();
GridUpdating updating = new GridUpdating()
//your options
};
List<ColumnUpdatingSetting> columnSettings = new List<ColumnUpdatingSetting>();
ColumnUpdatingSetting setting = new ColumnUpdatingSetting();
setting.ColumnKey = "Name";
setting.Required = true;
columnSettings.Add(setting);
updating.RowEditDialogRowTemplate = "<tr><td style='color:green;'>${headerText}</td><td data-key='${dataKey}'><input /></td></tr>";
updating.ColumnSettings = columnSettings;
gridModel.Features.Add(updating);
I’ve attached a sample for your reference.Let me know if you have any questions.
Best Regards,
Maya Kirova
Infragistics, Inc.
http://www.infragistics.com/support
Hi Maya,
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.
Thanks,
Mir
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?
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.
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:
EnableAddRow = true,
EditMode = GridEditMode.Dialog,
RowEditDialogOptions = new RowEditDialogOptions()
Width = "400px",
Height = "400px",
CaptionLabel = "Customer",
Containment = "window",
}