[Solved] Hide column in popup

[Ivan]

Hello,
I've tried to find a solution in other threads in here but didn't. My problem is that I cannot hide property from  inserting/editing popup window (I still wanna see column in grid). I've tried to use attribute ReadOnly (Model) and I also tried to set column to readonly (View). Everything works fine in InLine Mode but in popup mode I still see columns Created and Modified. Is there any way how to hide these two columns from popup?

Here is my model:

using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System;
using System.Runtime.Serialization;

namespace Models
{
    /// <summary>
    /// Kraj - offline model
    /// </summary>
    public class RegionModel
    {
        #region Properties
        /// <summary>
        /// Gets or sets the id.
        /// </summary>
        /// <value>
        /// The id.
        /// </value>
        [ScaffoldColumn(false)]
        public int ID { get; set; }
        /// <summary>
        /// Gets or sets the name.
        /// </summary>
        /// <value>
        /// The name.
        /// </value>
        [Required]
        [DisplayName("Název")]
        public string Name { get; set; }

        /// <summary>
        /// Gets or sets the code.
        /// </summary>
        /// <value>
        /// The code.
        /// </value>
        [DisplayName("Kód")]
        public string Code { get; set; }

        /// <summary>
        /// Gets the created.
        /// </summary>
        [ReadOnly(true)]
        public DateTime Created { get; private set; }

        /// <summary>
        /// Gets the modified.
        /// </summary>
        [ReadOnly(true)]
        public DateTime Modified { get; private set; }
        #endregion
    }
}

Here is my View:

@{
    ViewBag.Title = "Index";
}
<h2>
    Index</h2>
<p>
    @( Html.Telerik().Grid<Models.RegionModel>()
        .Name("Grid")
        .DataKeys(keys => keys.Add(c => c.ID))
        .ToolBar(commands => commands.Insert().ButtonType(GridButtonType.Image))
        .DataBinding(dataBinding =>
        {
            dataBinding.Ajax()
            .Select("Select", "Region")
            .Insert("Create", "Region")
            .Update("Edit", "Region")
            .Delete("Delete", "Region");
        })
        .Columns(columns =>
        {
            columns.Bound(o => o.ID);
            columns.Bound(o => o.Name).Title("Název");
            columns.Bound(o => o.Code).Title("Kód");
            columns.Bound(o => o.Created).Title("Vytvoření objektu");
            columns.Bound(o => o.Modified).Title("Poslední uložená změna");
            columns.Command(commands =>
            {
                commands.Edit().ButtonType(GridButtonType.Image);
                commands.Delete().ButtonType(GridButtonType.Image);
            }).Width(80).Title("Akce");
        })
        .Editable(editing => editing.Mode(GridEditMode.PopUp))
        .Sortable()
        .Pageable()
        .Filterable()
    )
</p>

    
Thank you for any suggestions, best regards Ivan.

[Pavel Vanek]

Hi,
we have exactly the same problem, any suggestions from you guys?

[Atanas Korchev]

Hello,

 The troubleshooting help article explains this behavior. Long story short you need to decorate the property with [ScaffoldColumn(false)]. Then it will not be displayed in the grid and the popup editor.

Regards,
Atanas Korchev
the Telerik team

[Pavel Vanek]

Yes but we need column in grid. As you can see [ScaffoldColomn] atributte is used above. We need to hide property in popup window.

[Atanas Korchev]

Hi Pavel Vanek,

The grid is using Html.EditorForModel for the popup form. There are three ways to hide a property from Html.EditorForModel:

1. Use [ScaffoldColumn(false)]. This however would also hide the property from the grid columns.
2. Create a custom editor template for your model and include only the properties of interest. This code library project shows how to do that.
3. Use JavaScript to hide the unwanted input elements from the form. The OnEdit event should be used for that:

function onEdit(e) {
    //Replace UnitsInStock with the name of your property
    $(e.form).find("#UnitsInStock").closest(".editor-field").prev().andSelf().remove();
}

Regards,

Atanas Korchev
the Telerik team

[Yavuz]

Hi,
We have Same problem. I am not gonna write any script to remove column in popup. 
you have some methods like:
Column.Readonly()
Column.Visible()
Column.EditorTemplate()
Column.Title("ColumnName")
these method do not work on popup.
I want to use a single model for more than one view and in each one i need to use a different EditorTemplate so I am not going to put any annotation attribute   on the field.
for an instance in a view I need to show DateTimePicker and on the other one I need DatePicker.
so you should fix this problem by popup.

[Atanas Korchev]

Hi,

 As I have said in my previous reply the grid is using Html.EditorForModel for the popup form.  The latter can be customized only in the three suggested ways.

All the best,
Atanas Korchev
the Telerik team