Skip to content
Loading
simple crud without db in mvc4  
  •             class="row">  
  •   
  •   
  •   
  •                 class="col-md-12">  
  •                     "divgrid">  
  •                         class="table-responsive">  
  •                             "example1" class="table table-bordered tablesorter table-striped" style="margin-top:20px;">  
  •                                 class="panel panel-default">  
  •                                     class="panel-heading">  
  •                                         @*class="text-center">  
  •                                                 Id  
  •                                             *@  
  •                                         class="text-center">  
  •                                             Name  
  •                                           
  •                                         class="text-center">  
  •                                             Email  
  •                                           
  •                                         class="text-center">  
  •                                             Phone  
  •                                           
  •                                         class="text-center">  
  •                                             Action  
  •                                           
  •                                       
  •                                   
  •                                   
  •                                     @foreach (var item in Model.WorkerList)  
  •                                     {  
  •                                           
  •   
  •                                             @*class="text-center">  
  •                                                     @item.Id  
  •                                                 *@  
  •                                             class="text-center">  
  •                                                 @item.name  
  •                                               
  •                                             class="text-center">  
  •                                                 @item.Email  
  •                                               
  •                                             class="text-center">  
  •                                                 @item.Phone  
  •                                               
  •                                             class="text-center">  
  •                                                 "@Url.Action("EditWorker", "Crud",new { id = item.Id})" class="button"  data-toggle="tooltip" title="Edit" onclick="Edit();">class="fa fa-edit">Edit  |  
  •                                                 "@Url.Action("DeleteWorker", "Crud", new { id = item.Id })" onclick="return confirm('Are you sure you want to Delete?')" class="text-warning" data-toggle="tooltip" title="Delete" onclick="Delete();">class="fa fa-trash">Delete  
  •                                               
  •   
  •                                           
  •                                     }  
  •                                   
  •                               
  •                           
  •                       
  •                   
  •               
  •           
  •       
  •   
  •   
  •     "text/javascript">  
  •         var $ = jQuery.noConflict();  
  •         $(document).ready(function () {  
  •             //function pageLoad(sender, args) {  
  •             //debugger;  
  •   
  •             var item = document.getElementById('example1');  
  •             if (item != null) {  
  •                 oTable = $('#example1').dataTable(  
  •                     {  
  •                         "order": []  
  •                         //"order": [[0, "desc"]]  
  •                         //"ordering": false  
  •                     }  
  •                 );  
  •                 $('#inName').keyup(function () {  
  •                     oTable.fnFilter($(this).val());  
  •                 })  
  •             }  
  •         });  
  •         function InIEvent() {  
  •             //debugger;  
  •             var item = document.getElementById('example1');  
  •             if (item != null) {  
  •                 oTable = $('#example1').dataTable(  
  •                     {  
  •                         //"order": [[1, "desc"]]  
  •                     }  
  •                 );  
  •                 $('#inName').keyup(function () {  
  •                     oTable.fnFilter($(this).val());  
  •                 })  
  •             }  
  •         }  
  •   
  •       
  •  addworker view:
     
    1. @model WebApplication1.Models.CrudModel  
    2.   
    3. @{  
    4.     ViewBag.Title = "AddWorker";  
    5.     Layout = "~/Views/Shared/_Layout.cshtml";  
    6. }  
    7.   
    8. class="content-header">  
    9.     

        

    10.         Individual Worker  
    11.       
    12.   
    13.   
    14. "~/Content/plugins/datatables/dataTables.bootstrap.min.js">  
    15. "~/Content/plugins/datatables/jquery.dataTables.min.js">  
    16.   
    17. class="content">  
    18.     class="box box-primary">  
    19.         @using (Html.BeginForm("PostWorker""Crud", FormMethod.Post, new { enctype = "multipart/form-data" }))  
    20.         {  
    21.             class="box-body" id="divAdd" style="display:block">  
    22.                 class="row">  
    23.                     class="col-md-6">  
    24.                         class="form-group">  
    25.                               
    26.                             @Html.TextBoxFor(model => model.name, new { @class = "form-control ", @placeholder = "Enter Name", onkeypress = "return isletterCount(event)" })  
    27.                             class="field-validation-error" id="errorUserName" style="color: Red;">  
    28.                         
      
  •   
  •                     
  •   
  •   
  •                     class="col-md-6">  
  •                         class="form-group">  
  •                               
  •                             @Html.TextBoxFor(model => model.Email, new { @class = "form-control ", @placeholder = " Enter Email" })  
  •                             class="field-validation-error" id="errorUserEmail" style="color: Red;">  
  •                           
  •   
  •                       
  •   
  •                   
  •                 class="row">  
  •                     class="col-md-6">  
  •                         class="form-group">  
  •                               
  •                             @Html.TextBoxFor(model => model.Phone, new { maxlength = 10, @class = "form-control ", @placeholder = " Enter Phone", onkeypress = "return isNumber(event)" })  
  •                             class="field-validation-error" id="errorUserPhone" style="color: Red;">  
  •                           
  •                       
  •                     class="col-md-6">  
  •                         class="form-group">  
  •                               
  •                             "file" class="form-control" name="UploadFile">  
  •   
  •                             class="proimg">  
  •   
  •                               
  •                           
  •   
  •                       
  •                   
  •                 @*class="row">  
  •                         class="col-md-6">  
  •                             class="form-group">  
  •                                   
  •                                 @Html.TextAreaFor(model => model.Address, new { @class = "form-control ", @placeholder = " Enter Address" })  
  •                                 class="field-validation-error" id="errorUserAddress" style="color: Red;">  
  •                               
  •                           
  •                     *@  
  •                 class="row">  
  •                     class="col-md-12">  
  •                         "submit" class="btn btn-primary" onclick="return validateWorker();">Submit  
  •                         "@Url.Action("WorkerList", "Crud")" class="btn btn-danger">Cancel     
  •                       
  •                   
  •   
  •               
  •         }  
  •         class="clearfix">  
  •   
  •       
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •  Editworker is here:
    1. @model WebApplication1.Models.CrudModel  
    2. @{  
    3.     ViewBag.Title = "EditWorker";  
    4.     Layout = "~/Views/Shared/_Layout.cshtml";  
    5. }  
    6.   
    7.   
    8.   
    9. class="content-header">  
    10.     

        

    11.         Individual Worker  
    12.       
    13.   
    14.   
    15. "~/Content/plugins/datatables/dataTables.bootstrap.min.js">  
    16. "~/Content/plugins/datatables/jquery.dataTables.min.js">  
    17.   
    18. class="content">  
    19.     class="box box-primary">  
    20.         @using (Html.BeginForm("UpdateWorker""Crud", FormMethod.Post, new { enctype = "multipart/form-data" }))  
    21.         {  
    22.             @Html.HiddenFor(model => Model.Id)  
    23.             @Html.HiddenFor(model => Model.BUId)  
    24.             @Html.HiddenFor(model => Model.ProfilePic)  
    25.             if (Model.message != "")  
    26.             {  
    27.                 class="col-sm-6 col-sm-offset-3">  
    28.                     class="alert alert-success alert-dismissible">  
    29.                         "button" class="close" data-dismiss="alert" aria-hidden="true">×  
    30.                         @Model.message  
    31.                     
      
  •                 
  •   
  •             }  
  •             class="box-body" id="divAdd" style="display:block">  
  •                 class="row">  
  •                     class="col-md-6">  
  •                         class="form-group">  
  •                               
  •                             @Html.TextBoxFor(model => model.name, new { @class = "form-control ", @placeholder = "Name", onkeypress = "return isletterCount(event)" })  
  •                             class="field-validation-error" id="errorUserName" style="color: Red;">  
  •                           
  •                       
  •   
  •                     class="col-md-6">  
  •                         class="form-group">  
  •                               
  •                             @Html.TextBoxFor(model => model.Email, new { @class = "form-control ", @placeholder = "Email" })  
  •                             class="field-validation-error" id="errorUserEmail" style="color: Red;">  
  •                           
  •   
  •                       
  •   
  •                   
  •                 class="row">  
  •                     class="col-md-6">  
  •                         class="form-group">  
  •                               
  •                             @Html.TextBoxFor(model => model.Phone, new { maxlength = 10, @class = "form-control ", @placeholder = " Enter Phone", onkeypress = "return isNumber(event)" })  
  •                             class="field-validation-error" id="errorUserPhone" style="color: Red;">  
  •                           
  •                         class="form-group">  
  •                               
  •                             @Html.TextAreaFor(model => model.Address, new { @class = "form-control ", @placeholder = " Enter Address", style = "height: 100px;" })  
  •                             class="field-validation-error" id="errorUserAddress" style="color: Red;">  
  •                           
  •                       
  •   
  •                     class="col-md-6">  
  •                         class="form-group">  
  •                               
  •                             "file" class="form-control" name="UploadFile" id="fileupload1">  
  •   
  •                             "dvPreview1">  
  •   
  •                               
  •                           
  •   
  •                       
  •                   
  •                 class="row">  
  •                     class="col-md-12">  
  •   
  •                       
  •                   
  •                 class="row">  
  •                     class="col-md-12">  
  •                         "submit" class="btn btn-primary" onclick="return validateWorker();">Update  
  •                         "@Url.Action("WorkerList", "Home")" class="btn btn-danger">Cancel     
  •                       
  •                   
  •   
  •               
  •         }  
  •         class="clearfix">  
  •   
  •       
  •   
  •   
  • "javascript" type="text/javascript">  
  •     $(function () {  
  •         $("#fileupload1").change(function () {  
  •             debugger  
  •             $("#dvPreview1").html("");  
  •             var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp|.wbmp)$/;  
  •             if (regex.test($(this).val().toLowerCase())) {  
  •                 if ($.browser.msie && parseFloat(jQuery.browser.version) <= 9.0) {  
  •                     $("#dvPreview1").show();  
  •                     $("#dvPreview1")[0].filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = $(this).val();  
  •                 }  
  •                 else {  
  •                     if (typeof (FileReader) != "undefined") {  
  •   
  •                         $("#dvPreview1").show();  
  •                         var img = ";  
  •                         $("#dvPreview1").append(img);  
  •                         var reader = new FileReader();  
  •                         reader.onload = function (e) {  
  •                             $("#dvPreview1 img").attr("src", e.target.result);  
  •                         }  
  •                         reader.readAsDataURL($(this)[0].files[0]);  
  •                     }  
  •                     else {  
  •                         alert("This browser does not support FileReader.");  
  •                         return false;  
  •                     }  
  •                 }  
  •             } else {  
  •                 alert("Please upload a valid image file.");  
  •   
  •                 return false;  
  •             }  
  •         });  
  •     });  
  •   
  •   
  • "text/javascript">  
  •     $(document).ready(function () {  
  •         debugger  
  •         var imgname = document.getElementById('ProfilePic').value;  
  •   
  •         if (imgname == "") {  
  •             $("#dvPreview1").show();  
  •             $("#dvPreview1").append("");  
  •             $("#dvPreview1 img").attr("src""/Content/images/no_image.jpg");  
  •         }  
  •         else {  
  •             $("#dvPreview1").show();  
  •             $("#dvPreview1").append("");  
  •             $("#dvPreview1 img").attr("src""/Content/images/" + imgname);  
  •         }  
  •   
  •     })  
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  • connectionstring
     
     
  • Sahil Saini
    Refer to the link :
     
    http://www.c-sharpcorner.com/article/crud-paging-sorting-searching-with-angularjs-in-mvc/
     
     
    This contains all the operations without sql query instead I used linq in this.
  • Gokhul Varman
    Please refer the link for more detailed explanantion:http://csharppulse.blogspot.in/2013/12/complete-crud-operations-in-mvc-4-using.html