Grid errors on load when using [Required] in model

[Tyler]

Hello i have a Kendo core grid that has inline edit mode turned on with create update and destroy. 

What i am trying to do is get the required validator to fire when you create/update and to my understanding you're supposed to use the [Required] attribute on the model that's populating the grid.

The problem is when i do that, my grid doesn't load, instead it immediately get an error saying X field is required and then my grid is left showing nothing in the datasource. 

Note: The controller returns sucessfully

What is the issue?

Grid implementation:

    @(Html.Kendo().Grid<AccessControlsModel>()
        .Name("kgAdmin")
        .Columns(columns =>
        {
            columns.Bound(col => col.PermissionID).Width(50).Hidden(true);
            columns.Bound(col => col.UserID).Width(100);
            columns.Bound(col => col.Initials).Width(50);
            columns.Bound(col => col.Country).Width(50).ClientTemplate("#=Country#");
            columns.Bound(col => col.Admin).Width(50).ClientTemplate("<input type='checkbox' #= Admin ? checked='checked':'' # class='chkbx admin'/>").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.PendingStatus).Width(50).ClientTemplate("<input type='checkbox' #= PendingStatus ? checked='checked':'' # class='chkbx pendingstatus' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.BOM).Width(50).ClientTemplate("<input type='checkbox' #= BOM ? checked='checked':'' # class='chkbx bom' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.ProcessSheet).Width(50).ClientTemplate("<input type='checkbox' #= ProcessSheet ? checked='checked':'' # class='chkbx processsheet' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.Matrix).Width(50).ClientTemplate("<input type='checkbox' #= Matrix ? checked='checked':'' # class='chkbx matrix' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.Quality).Width(50).ClientTemplate("<input type='checkbox' #= Quality ? checked='checked':'' # class='chkbx quality' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.Process).Width(50).ClientTemplate("<input type='checkbox' #= Process ? checked='checked':'' # class='chkbx process' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.Release).Width(50).ClientTemplate("<input type='checkbox' #= Release ? checked='checked':'' # class='chkbx release' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.Hold).Width(50).ClientTemplate("<input type='checkbox' #= Hold ? checked='checked':'' # class='chkbx hold' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.AddItem).Width(50).ClientTemplate("<input type='checkbox' #= AddItem ? checked='checked':'' # class='chkbx additem' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Bound(col => col.Reports).Width(50).ClientTemplate("<input type='checkbox' #= Reports ? checked='checked':'' # class='chkbx reports' />").Editable(@<text> function(e){ return false; }  </text>);
            columns.Command(command => { command.Edit(); command.Destroy(); }).Width(160);
        })
        .NoRecords(c => c.Template("<strong>  No data </strong>"))
        .Sortable()
        .Editable(editable =>
        {
            editable.Mode(GridEditMode.InLine);
        })
        .ToolBar(tools =>
        {
            tools.Search().Text("Search all fields...");
            tools.Excel().HtmlAttributes(new { id = "save", @class = "k-button margin-left" });
            tools.Create();
        })
        .Scrollable(c => c.Enabled(true))
        .Resizable(resize => resize.Columns(true))
        .Reorderable(r => r.Columns(true))
        .Height(750)
        .HtmlAttributes(new { style = "width:100%;" })
        .DataSource(dataSource => dataSource
            .WebApi()
            .ServerOperation(false) 
            .Model(model =>
            {
                model.Id(p => p.PermissionID);
                model.Field(p => p.UserID).DefaultValue("JEINC\\");
                model.Field(f => f.Initials);
                model.Field(f => f.Country);         
            })
            .Events(events => {
                events.RequestEnd("GridRequestEnd");
                events.Error("error_handler");
            })
            .Read(read => read.Action("GetGridData", "Admin"))
            .Create(create => create.Action("Create", "Admin"))
            .Update(update => update.Action("Update", "Admin"))
            .Destroy(destroy => destroy.Action("Delete", "Admin", new { Id = "{0}" }))
        )
     )

 

The model:

    public class AccessControlsModel
    {
        public int PermissionID { get; set; }
        [Required]
        public string UserID { get; set; }
        public string Initials { get; set; }
        [UIHint("CountriesDDL")]
        public string Country { get; set; }
        public bool Admin { get; set; }
        public bool PendingStatus { get; set; }
        public bool BOM { get; set; }
        public bool ProcessSheet { get; set; }
        public bool Matrix { get; set; }
        public bool Quality { get; set; }
        public bool Process { get; set; }
        public bool Release { get; set; }
        public bool Hold { get; set; }
        public bool AddItem { get; set; }
        public bool Reports { get; set; }
    }

 

The error (immediately on load of the grid)

 

Thanks in advance!

Tyler

 

[Eyup]

Hello Tyler,

 

Thank you for writing to us.

This is not expected and might have something to do with any custom scripts on the page. I noticed that you have these events:

            .Events(events => {
                events.RequestEnd("GridRequestEnd");
                events.Error("error_handler");
            })

Feel free to check their functions, as well as any other script on the page that seems related and let me know about the result.

 

Regards,
Eyup
Progress Telerik