Partial views with null models

Question

I have a view that contains lots of smaller partial views to display many different types of tabular data.

It uses a model that contains many sub models. e.g. classroom would be the model, students would be a sub-model or nested class.

sometimes a class would not contain any students. thus the ienumerable of students would be null. The problem is that partials do not allow null objects thus throwing an exception.

Here is an example....

Main view:

@Html.Partial("Partials/_Students", Model.Students)

Partial view

<div class="col-xs-12 col-sm-5 col-md-5 col-lg-5 widget-container-span">
<div class="widget-box">
    <div class="widget-header header-color-dark">
        <h5 class="bigger lighter">
            <i class="icon-table"></i>
            Notes
        </h5>
        <div class="widget-toolbar">
            <a class="plus-sign-link" href ="@Url.Action("AddNewStudent", "Classroom")"><i class="icon-plus-sign bigger-170"></i></a>
        </div>
    </div>
    <div class="widget-body">

        <div class="widget-main no-padding">

            <table class="table table-striped table-bordered table-hover" data-provides="rowlink">

                <thead class="thin-border-bottom">
                    <tr>
                        <th><i class="icon-user"></i>Contact Name</th>
                        <th>Email </th>
                        <th>Telephone</th>
                        <th class="hidden-480">Mobile</th>
                        <th class="hidden-480"></th>
                    </tr>
                </thead>

                @foreach (var item in Model)
                {
                    <tbody data-link="row" class="rowlink">
                        <tr>
                            <td>
                                <a href="@Url.Action("Classroom", "StudentDetails", new { @siteid = item.SiteId, @id = item.Id })">@item.Name</a>
                            </td>
                            <td class="rowlink-skip">
                                <a href="mailto:@item.EmailAddress">@item.EmailAddress</a>
                            </td>
                            <td class="rowlink-skip">
                                <a href="tel:@item.TelephoneNumber">@item.TelephoneNumber</a>
                            </td>
                            <td class="hidden-480 rowlink-skip">
                                <a href="tel:@item.MobileNumber">@item.MobileNumber</a>
                            </td>
                            <td class="hidden-480 rowlink-skip">
                                @if (item.IsDefault)
                                { <span style="display: block;" class="label label-success">Default</span> }
                                else
                                { <a style="display:block;" class="btn btn-minier btn-info" data-id="@item.Id">Make default</a> }
                            </td>
                        </tr>
                    </tbody>
                }
            </table>
        </div>
    </div>
</div>

Is there an extension to allow this?

connectedsoftware · Accepted Answer · 2014-04-02 08:55:39Z

7

There a couple of options, you could initialize your Model with empty lists or, in the HTML where you have the code that renders your partials, just do a null check and only render the partial if there are values like this:

@if(Model.Students != null && Model.Students.Any()){
    @Html.Partial("Partials/_Students", Model.Students)
}

This gives you the option of rendering a different partial if there are no students and you want to inform the end user:

@if(Model.Students != null && Model.Students.Any()){
    @Html.Partial("Partials/_Students", Model.Students)
} else {
    @Html.Partial("Partials/_NoStudents")
}

edited Apr 2, 2014 at 8:55

answered Apr 2, 2014 at 8:46

connectedsoftware

7,0973 gold badges33 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shivkant · Accepted Answer · 2014-04-02 09:22:23Z

4

You can add the condition to check whether the sub-model is null/Empty in Main view as follows:

@if(Model.Students != null && Model.Students.Any()){
    @Html.Partial("Partials/_Students", Model.Students)
}

OR else you can add the condition in Partial view.

Main View

@Html.Partial("Partials/_Students", Model.Students)

PartialView

    @if(Model != null && Model.Any())
   { 
       // HTML code of Partial View
   }
   else
   {
      //Message to display no student record found.
   }

answered Apr 2, 2014 at 9:22

Shivkant

4,6251 gold badge22 silver badges16 bronze badges

Comments

Prashant G · Accepted Answer · 2014-04-02 08:49:10Z

0

make sure that your IEnumerable model is not null ... say something like

@if(Model != null)
{
 // render partial view 
}

answered Apr 2, 2014 at 8:49

Prashant G

4,9303 gold badges38 silver badges47 bronze badges

Collectives™ on Stack Overflow

Partial views with null models

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related