Hello,

Sure, please take your time to test the suggested solution.

Thank you for your cooperation.

Regards,
Georgi Anastasov
Entry Level Software Developer
Infragistics

Thank you. Will work and let you know if any issue.

I have enhanced this functionality by adding the copy row button. Select the row and copy. But it is not work

@{
    ViewData["Title"] = "Home Page";
}
@using Infragistics.Web.Mvc
@model igGridReadOnly.Models.CustomersViewModel

<div>
    @(Html.Infragistics().Grid(Model.Customers.AsQueryable()).
        ID("grid1").
        AutoGenerateColumns(false).
        AutoGenerateLayouts(true).
        Height("500px").
        Width("1000px").
        PrimaryKey("CustomerID").
        AutoCommit(true).
        Caption("Customers").
        RenderCheckboxes(true).
        Columns(column =>
        {
            column.For(x => x.CustomerID).HeaderText("Customer ID").DataType("string").Hidden(false);
            column.For(x => x.CompanyName).HeaderText("Company Name").DataType("string").Hidden(false);
            column.For(x => x.ContactName).HeaderText("Contact Name").DataType("string").Hidden(false);
            column.For(x => x.Address).HeaderText("Address").DataType("string").Hidden(false);
            column.For(x => x.City).HeaderText("City").DataType("string").Hidden(false);
            column.For(x => x.Salary).HeaderText("Salary").DataType("number").Hidden(false);
        })
        .Features(features =>
        {
            features.Updating().
            //enable row add
            EnableAddRow(true).
            //client event for start editing row
            AddClientEvent(GridUpdatingClientEvents.EditRowStarting, "editRowStarting").
            AddClientEvent(GridUpdatingClientEvents.EditRowEnded, "editRowEnded").
            EditMode(GridEditMode.Row).
            ColumnSettings(settings =>
            {
                //set the column you want to be readonly first to false
                settings.ColumnSetting().ColumnKey("CustomerID").ReadOnly(false);
                settings.ColumnSetting().ColumnKey("CompanyName").ReadOnly(false);
            });
            features.Selection().Mode(SelectionMode.Row).MultipleSelection(true).AllowMultipleRangeSelection(true);
        }).
        DataBind().
        Render())

</div>
<input type="button" id="copyRow" class="button-style" value="Copy Row" />
<script>
    //handle the event
    function editRowStarting(evt, ui) {
        //grid
        var grid = $("#grid1");

        //column setting
        var colSettings = $("#grid1").igGridUpdating("option", "columnSettings");

        //when adding row columns will be readonly = false

        //when editing row columns will be readonly = true
        if (ui.rowAdding === false) {
            //set the columns read only property to true when edit row
            colSettings[0].readOnly = true;
            colSettings[1].readOnly = true;
            //apply the settings
            grid.igGridUpdating("option", "columnSettings", colSettings);
        }
    }
    //on row ended
    function editRowEnded(evt, ui) {
        var grid = $("#grid1");

        var colSettings = $("#grid1").igGridUpdating("option", "columnSettings");

        //set columns read only to property false for next editing or adding
        colSettings[0].readOnly = false;
        colSettings[1].readOnly = false;

        grid.igGridUpdating("option", "columnSettings", colSettings);
    }
    $("#copyRow").igButton({
        labelText: $("#copyRow").val(),
        click: function (e) {           
            var rows = $('#grid1').igGridSelection('selectedRows');           
            $.each(rows, function (ix, el) {
                rowId = el.element.attr("data-id");
                var rowObj = {                    
                    "CustomerID": $("#grid1").igGrid("getCellValue", rowId, "CustomerID"),
                    "CompanyName": $("#grid1").igGrid("getCellValue", rowId, "CompanyName"),
                    "ContactName": $("#grid1").igGrid("getCellValue", rowId, "ContactName"),
                    "Address": $("#grid1").igGrid("getCellValue", rowId, "Address"),
                    "City": $("#grid1").igGrid("getCellValue", rowId, "City"),
                };                
                $("#grid1").igGridUpdating("addRow", rowObj);               
            });
        }
    });
</script>

Please suggest

Hello Indra,

Sure, please take your time to test the suggested solution.

Thank you for your cooperation.

Regards,
Georgi Anastasov
Entry Level Software Developer
Infragistics