Best practice to create CRUD in asp.net MVC 5 using jQuery

  By Junaid A   Posted on January-12-2023 

Best practice to create CRUD in asp.net MVC 5 using jQuery

 

 

  1. Java Script
  2. HTML
  3. C# Code

 

Java Script Code

 

 

function AddDiagnosis(id) {

 

  

  

    if (id > 0) {

       

  

        $.get("/Diagnosis/CrudDiagnosis", { id: id }, function (data) {

            App.unblockUI($("#boxDiagnosis"));

            // $("#box").html(data);

        });

        ////}

    }

 

    else {  //Screen for Add

       

        $.get("/Diagnosis/CrudDiagnosis", { id: id }, function (data) {

            //  App.unblockUI($("#box"));

            $("#boxDiagnosis").html(data);

        });

    }

};

 

function BindDiagnosis()

{

  

 

    $.get("../../Diagnosis/ListDiagnosis", function (data) {

        //  App.unblockUI('#box');

        $("#boxDiagnosis").html(data);

    });

}

 

$("#CancelDiagnosis").unbind('click').bind('click', function () {

    BindDiagnosis();

});

 

// Purpose:CRUD operations

// Created on:

// Author: Asif Jans.

$(function () {

    $("#CrudDiagnosis").unbind('submit').bind("submit", function (e) {

  

        debugger;

 

        e.preventDefault();

        var form = $(this);

        // var va = form.validate();

 

        //if (form.valid()) {

        //App.blockUI('body');

        var url = form.attr('action');

        $.post(url, form.serialize(), function (data) {

            //App.unblockUI("body");

            if (data == '') {

               // alert("Done");

                BindDiagnosis();

             

            }

            else {

                // start Dispaly error message/warning message in dialog box

                alert(data);

                //bootbox.dialog({

                //    title: '<center><b> Warning </b></center>',

                //    message: '<img src="https://cdn3.iconfinder.com/data/icons/softwaredemo/PNG/24x24/Warning.png"/> <span style="padding-left:10px;">' + data + '</span>',

                //    buttons: {

                //        success: { label: "OK", className: "btn-success" }

                //    }

                //});

                //App.unblockUI("body");

            }

        });

    }

 

        //}

    );

 

 

});

 

 

 

HTML

Create html page that must have a div with the Id “boxDiagnosis”

 

<div id="boxDiagnosis">

 

                                    </div>

 

 

On Html page write java script in

 <Script>

  1. Java script code will be here

</Script> Java script in a file and add reference of that file.

 

Note! Include jquery refrence in the html page or in layout page

 

Code of C# in Controller

 

 

        public ActionResult ListDiagnosis()

        {

            string AccessTokenKFS = "";

            if (Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.AccessTokenAuthV1] != null)

            {

                AccessTokenKFS = Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.AccessTokenAuthV1].ToString();

            }

            List<ItechnocratHealthDiabetesPatientDiagnosisDTO> GetItechnocratHealthDiabetesPatientDiagnosis = new List<ItechnocratHealthDiabetesPatientDiagnosisDTO>();

 

            KFSOnlineShop.Common.AuthenticateUserResult p = new KFSOnlineShop.Common.AuthenticateUserResult();

            if (Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.SelectedUserProfile]!=null)

            {

                p = Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.SelectedUserProfile] as KFSOnlineShop.Common.AuthenticateUserResult;

            }

 

            GetItechnocratHealthDiabetesPatientDiagnosis = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.GetItechnocratHealthDiabetesPatientDiagnosis(p.UserProfileID.ToString(), p.ClinicID.ToString(), p.DoctorsID.ToString(), AccessTokenKFS);

            return View(GetItechnocratHealthDiabetesPatientDiagnosis);

 

        }

 

        #region CRUD OPERATIONS

 

 

 

        public ActionResult CrudDiagnosis(int id)

        {

            string AccessTokenKFS = "";

            if (Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.AccessTokenAuthV1] != null)

            {

                AccessTokenKFS = Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.AccessTokenAuthV1].ToString();

            }

            ItechnocratHealthDiabetesPatientDiagnosisDTO o = new ItechnocratHealthDiabetesPatientDiagnosisDTO();

 

            ViewBag.HealthDiabetesConditionsTypeDetails = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.GetItechnocratHealthDiabetesConditionsTypeDetails();

            ViewBag.GetItechnocratHealthDiabetesTest = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.GetItechnocratHealthDiabetesTest();

 

          //  o.diabetesSymptomsDiagnosisID== bind this with proper api

            o.patientbloodsugarlevel = 50;

            ViewBag.ItechnocratHealthObesitySymptomsDTO = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.GetItechnocratHealthObesitySymptoms(AccessTokenKFS);

 

            return View(o);          

          

        }

        [HttpPost]

        public string CrudDiagnosis(ItechnocratHealthDiabetesPatientDiagnosisDTO o)

        {

            string apiResponsemessage = "";

 

            string AccessTokenKFS = "";

            if (Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.AccessTokenAuthV1] != null)

            {

                AccessTokenKFS = Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.AccessTokenAuthV1].ToString();

            }

 

            KFSOnlineShop.Common.AuthenticateUserResult p = new KFSOnlineShop.Common.AuthenticateUserResult();

            if (Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.SelectedUserProfile] != null)

            {

                p = Session[KFSOnlineShop.Common.MOADTO.SessionItemKeysV1.SelectedUserProfile] as KFSOnlineShop.Common.AuthenticateUserResult;

                o.PatientID = p.UserProfileID;

                o.ClinicID = p.ClinicID;

                o.DoctorsID = p.DoctorsID; // logged user id will be as doctor id

            }

 

            apiResponsemessage = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.CreateItechnocratHealthDiabetesDiagnosis2(o, AccessTokenKFS);

 

 

            ViewBag.HealthDiabetesConditionsTypeDetails = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.GetItechnocratHealthDiabetesConditionsTypeDetails();

            ViewBag.GetItechnocratHealthDiabetesTest = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.GetItechnocratHealthDiabetesTest();

            //  o.diabetesSymptomsDiagnosisID== bind this with proper api

            ViewBag.ItechnocratHealthObesitySymptomsDTO = KFSOnlineShop.Common.ItechnocratHealthRepoistoryV1.GetItechnocratHealthObesitySymptoms(AccessTokenKFS);

 

 

            return apiResponsemessage;

           

        }

        #endregion

 

 

 

 

 

CRUD using jQuery

Call partial view using jQuery

 

 

By  asifjans    12-Jan-2023 Views  50



Comments


Your Comments

You may also read following recent articles