Click here to Skip to main content
15,885,839 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
MVC Simple Demo for Member Detail Add  Delete Edit Update With Controller and View  Simple demo required


What I have tried:

MVC Simple Demo for Member Detail Add Delete Edit Update With Controller and View Simple demo required
Posted
Updated 16-Feb-19 0:08am

1 solution

List Member Using Ajax

HTML
<script src="~/Scripts/Old/jquery1.8.3.min.js"></script>
<script src="~/Scripts/Old/jquery-1.js"></script>
<script>
    $(document).ready(function () {
        bindMemberList();
    });
    function bindMemberList() {
        $.ajax({
            type: "Get",
            cache: false,
            url: "/MemberMasters/GetMemberData",
            data: { 'tableName': "MemberMasters" },
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function (response) {
                $("#RawDatas table tbody tr:not(:first)").remove();
                $("#RawDatas table tbody tr:eq(0)").show();
                for (var i = 0; i < response.length; i++) {
                    var table = $("#RawDatas table tbody tr:eq(0)").clone(true);
                    $(".memberId", table).html(response[i].MemberId);
                    $(".fullname", table).html(response[i].FristName + ' ' + response[i].MiddelName + ' ' + response[i].Surname);
                    $(".address", table).html(response[i].Address);
                    $(".userName", table).html(response[i].UserName);
                    $(".emailId", table).html(response[i].EmailId);

                    $("#editdata", table).attr('href', '/MemberMasters/Edit?id=' + response[i].MemberId);
                    $('#Deletedata', table).attr('href', '/MemberMasters/DeleteSadmin?id=' + response[i].MemberId);
                    $("#RawDatas table").append(table);
                }
                $("#RawDatas table tbody tr:eq(0)").hide();
            },
            failure: function (response) {
            },
            error: function (response) {
            }
        });
    }
</script>
<h2>Index</h2>
<p>
    @Html.ActionLink("Create New", "Create")
</p>
<div id="RawDatas">
    <table class="table table-striped table-bordered bootstrap-datatable">
        <thead>
            <tr>
                <th style="cursor: pointer;">
                    </th>

                <th style="cursor: pointer;">
                    ^__i id="adress" class="fa fa-sort-asc"__^</i__^
                    Address
                </th>

                <th style="cursor: pointer;">
                    ^__i id="adress" class="fa fa-sort-asc">
                    UserName
                </th>

                <th style="cursor: pointer;">
                    ^__i id="adress" class="fa fa-sort-asc">
                    Email Id
                </th>
                <th style="cursor: pointer;">

                </th>

            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <span class="memberId"></span>
                </td>
                <td>
                    <span class="fullname"></span>
                </td>
                <td>
                    <span class="address"></span>
                </td>
                <td>
                    <span class="userName"></span>
                </td>
                <td>
                    <span class="emailId"></span>
                </td>
                <td>
                    <a class="btn btn-info" id="editdata" style="padding: 1px 7px; margin: 1px;">
                        ^__i class="fa fa-edit" title="Edit">
                            Edit
                        
                    </a>
                    <a class="btn btn-danger" id="Deletedata" style="padding: 1px 7px; margin: 1px;">
                        ^__i class="fa fa-trash" title="Delete">
                            Delete
                        
                    </a>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Controller Code show data
VB
public ActionResult Index(string BackFor = "")
       {
           TempData["BackFor"] = BackFor;
           return View();
       }
 public JsonResult GetMemberData(string tableName)
       {
           List<MemberMaster>  Memberlist = new List<MemberMaster>();
       Memberlist = db.MemberMasters.ToList();
       return Json(Memberlist, JsonRequestBehavior.AllowGet);
       }
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900