Question

I am developing MVC application and using razor syntax.

In this application I am giving comment facility.

I have added a partial view, which loads the comment/Records from DB.

currently, data get loaded as soon as that view get called, which I want to avoid it.

I wan to load the data only when user click on the Button, which is on that view.

This is a code of the button.

<input type="button" value="Show" id="ShowId"  onclick="LoadData()"/>                         

And
below Code should be executed when user click on the button.

 @foreach (var item in Model)
    {
        <div id="OwnerName">

         <span class="EmpName"> @Html.ActionLink(item.Owner.FullName, "Details", "EMployee", new { id = item.OwnerId }, new { @style = "color:#1A6690;" })</span>

           @Html.DisplayFor(ModelItem => item.CommentDateTime)

        </div>



        <p class="CommentP">
           @Html.DisplayFor(ModelItem => item.CommentText)
        </p>

        <br />


    }

How to do this ?

Answer 1

You want to load comments from server after user click the button? The simplest way is use Jquery. Create action which will return PartialViewResult and then make ajax request with jquery.