[Solved] Grid in popupmode makes readonly editable

[william]

Hi All,

Please find my ViewModel code below.

@(Html.Telerik().Grid(Model.Covers)
      .Name("risksGrid")
      .Sortable()
      .DataKeys(keys => keys.Add(r => r.Id))
      .DataBinding(dataBinding =>
      {
          dataBinding.Ajax()
                    .Update("_SaveAjaxEditing", "Grid");
      })
      .Columns(columns =>
              {
                  columns.Command(command =>
                      {
                          command.Edit();
                      });
                  columns.Bound(r => r.Name).Title("Cover");
                  columns.Bound(r => r.SumInsured);
                  columns.Bound(r => r.Rate);
                  columns.Bound(r => r.Excess);
                  columns.Bound(r => r.IncreasedXSDiscount);
                  columns.Bound(r => r.UseDiscount);
                  columns.Bound(r => r.TechnicalPrice).ReadOnly();
              })
      .Editable(editing => editing.Mode(GridEditMode.PopUp))
      .RowAction(row =>
      {
          if (row.IsAlternate) { row.HtmlAttributes["style"] = "background:aliceblue;"; }
      })

    )

The problem here is that when I press my Edit button and a record flips into the popup, My TechnicalPrice that I want as readonly as this is a calculated column and the ID that is the primary key both become editable. How do I stop these becoming editable in the popup?

[Atanas Korchev]

Hi William, 
This is a well known limitation caused by Html.EditorForModel which the grid uses internally to display the popup edit form. Html.EditorForModel is not aware that a column is readonly and displays all public properties of the model.

A few solutions are possible

1. Use a inline editing mode.
2. Decorate the readonly property with [ScaffoldColumn(false)]. Then it would be hidden from the edit form and the grid itself.
3. Create an editor template for your model and exclude the readonly property.
4. Use JavaScript to hide the readonly property from the edit form. You can use the OnEdit event to do that.

Regards,
Atanas Korchev
the Telerik team

[Omar]

I tried using your approach to get around the readonly property in popup mode but when using the service binding, the values of the disabled property is not posted on the "value" object.

 function Grid_onEdit(e) {
           
            if (e.mode == 'edit') {
                $(e.form).find('#PersonID').attr('disabled','disabled');
          
            }

}

[Deepika]

Hi,

I am also facing the same problem.

After doing disable for field, that field value i am not able to get on controller. Instead it give me null for the field EmpID which i had disabled in popup edit mode.

Any help or suggestion for this??

Is there any way to do this? Is it supportable??

Please reply.