[Solved] Grid validation in ajax detailview

[Andrew]

In spite of my success in getting validation to work in an ajax bound gridview  earlier  I find that it does not work correctly (in fact at all) in a detailview in a grid view. I've taken a simple "person with notes" test case

<%= Html.Telerik().Grid<TelTest.Models.Person>()
    .Name("Grid")
        .DataKeys(k => { k.Add(p => p.Id); })
    .DataBinding(db=> {
        db.Ajax()
            .Select("_selectAjax","Home")
            .Update("_updateAjax","Home");
    })
    .Columns(col=>{
        col.Bound(p=>p.FirstName);
        col.Bound(p=>p.Surname);
        col.Command(com => {
            com.Edit();

        });
    })
                    .DetailView(dv => dv.ClientTemplate(
                    Html.Telerik().Grid<TelTest.Models.Note>()
                        .Name("GUESTS_<#=Id #>")
                        .DataKeys(k => k.Add(c => c.Id))
                            .DataBinding(db => db.Ajax().Select("_AjaxNoteIndex", "Home", new { id = "<#= Id #>" }).Update("_AjaxNoteUpdateIndex", "Home").Insert("_AjaxNoteInsertIndex", "Home", new { id = "<#= Id #>" }))
                        .Editable(f => f.Enabled(true))
                        .ToolBar(commands => commands.Insert().ImageHtmlAttributes(new { style = "margin-left:0" }))
                        .Columns(c =>
                        {
                            c.Bound(n => n.Textnote).Width(220);

                            c.Command(com => { com.Edit(); });
                        })
                        .ToHtmlString()
                    ))

    .Editable(ed=>ed.Mode(GridEditMode.InLine))

    %>

Person is validated correctly, but Notes are not. Note [DisplayName] is honored, but the validation is not. I can see that TryUpdateModel adds errors to the modelstate when I update a note, however, I don't believe the ajax callback should even have fired if validation was working correctly. 

Help!

Andrew

[Ryan]

Have you had any luck figuring this out?  I'm having the same problem.  I know what's happening, I'm just not sure how to fix it.

The grid uses client validation that is bound to the form when the page is loaded.  When you load the detailview using ajax, the validation isn't being attached the the form.  We have to somehow  make this happen, but my question is how?

[Andrew]

Sorry, no. I had two cases, for one  I relied on drop down lists to constrain user input and left it at that, the other I wrote my own grid editor from scratch.

[Ryan]

ah thanks anyway.  This is insanely frustrating.  I spent 4 hours last night setting up an app that has 3 nested levels assuming validation would work in the DetailView without a problem... There's nothing I can really do to avoid validating these fields against a data annotation.  So now I have this really nice app that only validates in one place.