Add new with popup template driving me crazy

[Randy Hompesch]

I have a simple grid with a custom popup template for the editor. The Edit button pops the template and works great. However, the Create command on the toolbar is not responding at all. I get no errors and my custom popup template does not show.

Any help would be very much appreciated.

Thanks … Ed

 

 

    @(Html.Kendo().Grid<IndexModel.CertificateModel>()
.Name("grid")
.ToolBar(t =>
{
    t.Create().Text("Add New");
})
.HtmlAttributes(new { style = "height: 850px;" })
.Editable(e => e.Mode(GridEditMode.PopUp).TemplateName("CertificateEditTemplate")
    .Window(w => w.Title("Certificate").Width(650)))
.Events(evt => { evt.Edit("OnEdit"); })
            .Columns(columns =>
            {
                columns.Bound(c => c.CertId).Width(100).Visible(false);
                columns.Bound(c => c.Crop.CropName).Width(150);
                columns.Command(c => c.Edit().Text("Edit"));
             })
            .DataSource(ds =>
                                ds.Ajax()
                                .Batch(true)
                                .ServerOperation(false)
                                .Read(r => r.Url("?handler=CertsRead").Data("forgeryToken"))
                                .Update(u => u.Url("?handler=CertsUpdate").Data("forgeryToken"))
                                .Create(c => c.Url("?handler=CertsCreate").Data("forgeryToken"))
                                .Model(m =>
                                {
                                    m.Id(c => c.CertId);

                                })
                .PageSize(20)

                )
    )

 

[Randy Hompesch]

 Well, it seems that the line where I say:
columns.Bound(c => c.Crop.CropName).Width(150);

 

Is not happy upon clicking the new button. I'm guessing it's because c.Crop is null and it's trying to access the cropname there.

The question then becomes, what's the right way to handle this?

I changed the model to have a direct property to the cropname and that fixed it. Not sure if that's the right way to go about things.

Thoughts?

Thanks … Ed

 

 

[Tsvetomir]

Hi Randy,

It is correct that the issue stems from the fact that the Crop object is undefined at the moment a new item is added. Actually, the template that is used to display the property throws the error. What you can do is to handle the template as follows:

columns.Bound(p => p.Category.CategoryName).ClientTemplate("#=customTemplate(data)#");

<script>
    function customTemplate(dataItem){
        if (dataItem.Category) {
            return dataItem.Category.CategoryName;
        } else {
            return '';
        }
    }
</script>

Give this suggestion a try and let me know in case the issue is still present.


Best regards,
Tsvetomir
Progress Telerik