jQuery Ajax CRUD in ASP.NET Core MVC using Popup Dialog

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ •

  • @CodAffection
    @CodAffection  4 роки тому +3

    goo.gl/bPcyXW : Buy me a Coffee
    bit.ly/36IA1cH : AspNet Core MVC CRUD
    bit.ly/3Pn2S7y : Expense Tracker App in AspNet Core MVC
    bit.ly/403lUVC : MVC Login & User Registration
    bit.ly/3muhseC : CRUD without EF in AspNet Core MVC
    bit.ly/39B6xdh : Image Upload in AspNet Core MVC
    bit.ly/30fPDMg : More MVC Tutorials

    • @kaisonduncan7151
      @kaisonduncan7151 3 роки тому

      you all probably dont care but does someone know of a method to log back into an instagram account..?
      I was dumb lost my login password. I love any assistance you can offer me!

    • @emmitttroy8477
      @emmitttroy8477 3 роки тому

      @Kaison Duncan Instablaster :)

    • @kaisonduncan7151
      @kaisonduncan7151 3 роки тому

      @Emmitt Troy thanks so much for your reply. I found the site through google and I'm in the hacking process now.
      Looks like it's gonna take quite some time so I will reply here later with my results.

    • @kaisonduncan7151
      @kaisonduncan7151 3 роки тому

      @Emmitt Troy It worked and I now got access to my account again. Im so happy!
      Thanks so much you really help me out!

    • @emmitttroy8477
      @emmitttroy8477 3 роки тому

      @Kaison Duncan You are welcome :D

  • @Max1GameChannel
    @Max1GameChannel 2 роки тому +6

    25:28 - ctrl+f5 - reloads the current page including the browser cache. It's called Hard reload. It means that the browser will not use the current cache but will be forced to download again all the files (js files, images, scripts, …). You will have the most fresh version of the page sent by the server.

  • @bolajibello8917
    @bolajibello8917 4 роки тому +3

    Thanks for the job well done. your style of handling jQuery ajax is so superb, I have adopted that style from you long time ago. You are surely among the best tutors on youtube

    • @CodAffection
      @CodAffection  4 роки тому +3

      Thanks for your wonderful feedback. keep learning and sharing.

  • @omarayub1295
    @omarayub1295 4 роки тому +1

    best tutorial I learned all basics of .net from your videos ... highly recommended........ please upload more

  • @waqasriaz30
    @waqasriaz30 2 роки тому

    Brilliant !
    Covered the entire subject in a single video. Professional implemenation !

  • @gabriellemos1124
    @gabriellemos1124 3 роки тому

    Top Top, I work with ASP.NET Core, and create a favorable experience for the user that is being a headache for me, very good and very professional material, I will share a lot with my friends, guys BR thanks, good job !!

    • @gramozkrosa2497
      @gramozkrosa2497 2 роки тому

      Hi! By any chance do you have any project of Crud form with asp net core I have a project to make but i dont know how.
      Have a nice day

  • @faisalfiaz390
    @faisalfiaz390 4 роки тому

    Just an update. It was my mistake as I wasn't referencing the jquery libraries correctly. It is working now. Thank you.

  • @mayurkalsekar524
    @mayurkalsekar524 3 місяці тому

    36:00 thanks for uploading this video , I have been searching for such indepth validation using modal

  • @gholamsoori3595
    @gholamsoori3595 2 роки тому

    Comprehensive explanation. Thanks for knowledgeable sharing.

  • @argeelearner3978
    @argeelearner3978 4 роки тому +4

    Thank you!! Please keep the ASP.NET Core tutorials coming!!! Amazing!!!

  • @ivandzurah7598
    @ivandzurah7598 3 роки тому

    Thank you very much. This video help me a lot in creating my site for student grade. Especially in teachers part of site because teacher has to add , edit and sometime maybe delete grades.

  • @ramchandrathakkar2022
    @ramchandrathakkar2022 4 роки тому +1

    Very Informative. Liked it a lot. During this lockdown will watch all the videos to update my knowledge.

  • @vadhadiyaabhishek1316
    @vadhadiyaabhishek1316 2 роки тому +1

    Really amazing 😍,
    very very useful video 👍👍🎉
    Very well explained 🤩🤩

  • @nursultanmamytbekov8180
    @nursultanmamytbekov8180 4 роки тому +2

    This tutorial is just BOOOM! Thank you so much!

    • @mathewbal3990
      @mathewbal3990 3 роки тому

      көп уақытты айтады гой

  • @meysamghanavati5526
    @meysamghanavati5526 4 роки тому +5

    Thank you for this tutorial, please add pagination in table.. (without exist component for example datatable or etc..) - please implement 0-100 in this project. I hope you should so happy :)

  • @Manithan123
    @Manithan123 5 місяців тому

    Excellent tutorial. Thank you!!

  • @serasmaestroconconstancia
    @serasmaestroconconstancia 3 роки тому +7

    The project has a bug, after updating a record if you press New transaction button the modal loads the last edited record, but to solve it just update the for New transaction passing an Id=0 instead of null. The anchor could be like this:
    Nueva Transacción
    Regards. Good content btw!! congratulations CodAffection! 👍

  • @ulyakrasnopolskaya9542
    @ulyakrasnopolskaya9542 4 роки тому

    Thank you for nice tutorial. It's exactly that I was searching for!

  • @ronaldjohnson4470
    @ronaldjohnson4470 4 роки тому +1

    Great tutorial, thanks again

  • @neameh.karineh
    @neameh.karineh 4 роки тому

    Thank you so much sir, It was very helpful

  • @lokeshprajapat6449
    @lokeshprajapat6449 3 роки тому

    result is BOOM! very nice.

  • @aldrinalmia3665
    @aldrinalmia3665 4 роки тому

    Thank you for this video. It helps me.

  • @jkmalify
    @jkmalify 3 роки тому

    Thank you Sir ! Learnt a lot

  • @MALITAJ
    @MALITAJ 4 роки тому

    Thankz for sharing..
    This is what I was looking for 😚

  • @Виталий-к9ь
    @Виталий-к9ь 3 роки тому +1

    Лучший 🔥
    Огромное спасибо 👍

  • @AbdulAziz-vh5ev
    @AbdulAziz-vh5ev 4 роки тому

    Thanks for this video.
    May Allah Bless you.

  • @rafysancheztilogica8587
    @rafysancheztilogica8587 4 роки тому

    Excellent as always !

  • @kananshanmugam8711
    @kananshanmugam8711 4 роки тому

    Thank you very much. It helps me a lot..

  • @MdShuvo-ok6qe
    @MdShuvo-ok6qe Рік тому

    very nice tutorial thanks

  • @carlosasanchez8297
    @carlosasanchez8297 2 роки тому +1

    Thank you for this job, it was amazing. Can you do another similiar without using the helpers?

  • @anildebata4949
    @anildebata4949 3 роки тому

    Very good content man

  •  4 роки тому

    Gerçekten güzel bir örnek olmuş. Ellerine Sağlık.

  • @danielngandu2628
    @danielngandu2628 4 роки тому

    Great tutorial!

  • @pookaoza
    @pookaoza 4 роки тому

    Thank you so much my lord, I wish you all the best success and happiness.

  • @muhammadraza5108
    @muhammadraza5108 2 роки тому +1

    Its very nice way of explanation . If you don't mind I have few question which make me confuse 1. is this a good practice to have interface for repository ? or the way you deal with EF please explain Regards

  • @guoweing
    @guoweing 4 роки тому

    Great tutorial.

  • @faizanhamza9339
    @faizanhamza9339 4 роки тому +1

    great video

  • @issaseckkane
    @issaseckkane Рік тому

    Hello sir, lot of thanx for this important tuto in Ajax, every things works normally but i have one Remark in my case After doing an update for one record the add new Buton Open The modal with the last One populated in the form instead of permiting to add new transaction. Thx

  • @SidCod3s
    @SidCod3s 2 роки тому

    AWEEESOME..Post thax a lott

  • @alwaysprudvi
    @alwaysprudvi Рік тому +1

    In 37:00 , I am doing my project through ADO.NET connection. Same procedure used to implement. How to write the code in json object redirection in ADO.NET connection. In my project I am using IConfuguration. In your project updated model i.e -context.Transactions.ToList() is used.
    My project this code not work. After create new transaction then submit it is not redirect to index page. Please reply.

    • @CodAffection
      @CodAffection  Рік тому +1

      Is there any error message?

    • @alwaysprudvi
      @alwaysprudvi Рік тому +1

      @@CodAffection No. But it doesn't redirect. I have used
      return Json(new {isValid = true, redirectToUrl = Url.Action("Index, Book")});
      this return statemet used and also change jquery. Now my code is work.

    • @CodAffection
      @CodAffection  Рік тому +1

      @@alwaysprudvi Thanks for the update, it might be due to the framework version update. good try. happy coding.

    • @alwaysprudvi
      @alwaysprudvi Рік тому

      @@CodAffection Thank you for your videos. Upload the more videos on .NET.

  •  3 роки тому

    thank u for sharing code with us

  • @luaikayyali
    @luaikayyali 2 роки тому

    Great work and quick. There is a bug, when you add for the second time, it keeps the previous id

  • @engr.malikmuhammadmubashir6828
    @engr.malikmuhammadmubashir6828 4 роки тому +1

    Super awesome video. I had been waiting for this for a long time. One request though. How can we implement jQuery DataTables in this?

    • @CodAffection
      @CodAffection  4 роки тому

      we've covered that in one previous tutorial, it should work.
      ua-cam.com/video/_qIYBgWTlTo/v-deo.html
      ua-cam.com/video/u147Q0NY6Qg/v-deo.html

  • @abdullahfaruquearman1908
    @abdullahfaruquearman1908 4 роки тому

    Please upload a video tutorial about server side processing of data table with ajax in asp.net core....keep uploading more videos on asp.net core.

  • @AriVenuth
    @AriVenuth 4 роки тому

    Thanks for this great tutorial!
    tried to use in the mobile browser unfortunately do not open popups ...

  • @hadiboukdir
    @hadiboukdir 4 роки тому +3

    Why does my Index page not showing the updated data after I submit the form. I always need to refresh the page then I can see the changes!?

  • @orlandojoaobita7876
    @orlandojoaobita7876 Рік тому

    Thank you for this great tutorial! I really appreciate your approach to deal with jQuery Ajax CRUD using Popup Dialog in Asp.Net Core. I just have a question. How can I enable client side validation with this approach ?

    • @CodAffection
      @CodAffection  Рік тому +1

      Glad it was helpful!
      I've discussed client side validation with same topic in one of my old video.
      here is the link : ua-cam.com/video/DI_YppvLgJ8/v-deo.html
      you might need to make few adjustments inorder to adapt with latest versions.
      let me know how it goes. hopefully in future if I update the tutorial I will include client side validation.

  • @followerofchrist1984
    @followerofchrist1984 2 роки тому

    Thank you very much sir. at 36.38, what if I want to return to a different controller instead of "this", how do I put the controller in place of the "this" keyword

  • @omedeido4855
    @omedeido4855 2 роки тому

    Hello, the submit button updates table and brings it "inside" the modalpopup! I've tried to google and followed everything you did but it seems like I am missing something?? any help in this regard?

  • @codingislife6387
    @codingislife6387 2 роки тому

    OutStanding Yaaar..

  • @lescinqlune
    @lescinqlune 3 роки тому

    Hi, Thank You for these valuable tutorials. I have one issue in this tutorial, once I edit a form, clicking on New Transaction will pop up the data that I already have updated, Please how to fix

  • @carloskanika9466
    @carloskanika9466 4 роки тому +1

    Thank you for this wonderful tutorial,
    I applied these codes in one of my projects, it works correctly but in my views (creation, modification) which opens in modal, the javascript code does not work.

    • @donny1098
      @donny1098 4 роки тому +2

      Make sure you have a reference to either the Bootstrap JS CDN or the downloaded local Bootstrap JS file in your _Layout view

  • @lizahargoes778
    @lizahargoes778 3 роки тому

    Hello i want to query that if we have multiple selectbox in for how can we get value from that in comma seperated ways

  • @syedsharfuddin3246
    @syedsharfuddin3246 4 роки тому +5

    @codAffection First of all Great Video Sir !!! , There is a Small Bug in it After Editing a row ,It stores the Values Of the row which Edited , so if we Click New transaction its Opening with the filled Value in it of Edited row ...
    solution = >

    • @dustywright2021
      @dustywright2021 4 роки тому

      I also had the same issue. The fix worked for me as well. Thank-you.

    • @CodAffection
      @CodAffection  4 роки тому

      Thanks for the update.

    • @ajaysingh0426
      @ajaysingh0426 4 роки тому

      Great @Syed your solution fixes the bug.

    • @lescinqlune
      @lescinqlune 3 роки тому

      Thank you Syed for the update, it works!

  • @vib1336
    @vib1336 4 роки тому

    Why contentType in the jquery post function is false? It shouldn't be - application/x-www-form-urlencoded?

  • @ajayghosh499
    @ajayghosh499 4 роки тому

    Thanks, i came here for spinner code, when enter without values at "New Transaction". validation messages show with spinner simultaneously. help me with that.

  • @qhayiyamgudlwa1428
    @qhayiyamgudlwa1428 2 роки тому

    Thank you very much sir. Tell me, how do i make sure that my datatable does not go away after adding a new record with the popup?

    • @CodAffection
      @CodAffection  2 роки тому

      thanks for the comment.
      didn't understand your question.
      could you give the time in the video you are referring to.

  • @PowerAndP-g3v
    @PowerAndP-g3v 4 роки тому +2

    your an Amazing bro our country does not have any pay-pall so i cant... is there a source code for this

  • @testingtesting400
    @testingtesting400 4 роки тому +1

    I'm getting a problem when using helper class with "TagHelper". It's doesn't render the page to string and return empty html when a tag helper is present in the returning view .
    Did any one else encounter the problem ???

  • @assistantlabourcommissione4496

    I practice this project and i did not add anything new to it but when i click to submit or check the validation , it prints whole AddorEdit file and other information on the browser .... all the code is same as yours... What could be the issue , please help.

  • @muhammadraza5108
    @muhammadraza5108 2 роки тому

    This is very helpful tutorial, Only thing we are not able to convert _viewall into data table ajax call, after save record view is unable to reload, its stuck and once we refresh its appears please advise. Otherwise this is a complete tutorial to implement in real life project. Its a humble request.

  • @k1army01
    @k1army01 4 роки тому +1

    Hello, thanks for your contribution,
    I have a small inconvenience, the Json response is arriving empty, why is that problem.
    Helper.RenderRazorViewToString (this, "_ViewAll", _context.Processes.ToList ()).
    for this reason the index is empty, and I have to refresh the page to show the list.

  • @sagarutwani4739
    @sagarutwani4739 3 роки тому

    @CodAffection Kindly help me this out if you know about this, i am getting error when i am creating a controller as same you were creating
    Error There was an error running the selected code generator: 'Package restore failed. Rolling back package changes for 'CrudCoreWithAjax'.'

  • @yalcinbilisim
    @yalcinbilisim 6 місяців тому

    Hello, which version of Visual Studio 2019 gives errors?

  • @abdalrhmanadel1589
    @abdalrhmanadel1589 2 роки тому

    Thank you for this great effort ^_^ , but how to append a file in jQueryAjaxPost function?

  • @tsungik
    @tsungik 4 роки тому

    Thanks for the video. Can you make a video on MVC. Net core using model view?

  • @godfreykuboi6809
    @godfreykuboi6809 3 роки тому +1

    This good video, however am getting this error on the POST function. "TypeError: 'append' called on an object that does not implement interface FormData." I have done everything according to your video. Please help get solution to this error.

    • @godfreykuboi6809
      @godfreykuboi6809 3 роки тому

      Oh boom! Got the solution, it was typo error....Thanks alot CodAffection for wonderful tutorial

  • @samqureshi9415
    @samqureshi9415 4 роки тому

    Bro . If I want to be a full stack web developer and I decide to build my first application on MERN stack . So React js is a libaray ! Is it necessary to learn (angular js ) a framework also . Or I can make web application without framework also . Library also works instead of framework. ???

  • @kritikyorumer
    @kritikyorumer 3 роки тому +1

    Thanks!

  • @erwin_jesus
    @erwin_jesus 3 роки тому

    ¡Buen tutorial! Bien explicado. Muchas gracias

    • @CodAffection
      @CodAffection  3 роки тому

      Gracias por las palabras amables.

    • @dante85warrior41
      @dante85warrior41 2 роки тому

      @@CodAffection bro ene l helper a retornar sale error como que no lo reconoce como se genea ese archivo incluso lo pegue en mi proyecto yo hice el crud inmediato desde entity frmaework y solo queria agregarle esa ventna de dialogo que pone con json pero me vota error cuando retorna el json por el helper

  • @thanghoquoc7624
    @thanghoquoc7624 2 роки тому

    Nice, tks video help me

  • @NoorASalam-ik1mt
    @NoorASalam-ik1mt 4 роки тому

    Hi... I had a problem with update it's not work every time I try to update it's insert as new record ... I follow your steps and use your source code in your website article ... can you help please?

  • @haseenap3592
    @haseenap3592 2 роки тому

    In this method how can I use already created table from sql database?

  • @cuongnguyenvan9997
    @cuongnguyenvan9997 4 роки тому

    thanks for sharing

  • @osamaaly9988
    @osamaaly9988 Рік тому

    how to make validation errors disappear after leaving the input (as normal ) without posting the form ??
    also, if the form has a dropdownlist it lost it's function after posting the form with error

  • @УльянаНикитина-к8п

    Help, please, how to color the line in red if the value in the column is "No"?

  • @anbuanbu6591
    @anbuanbu6591 4 роки тому

    Hi your tutorials are very use full. I need your help. please let me know the mvc and web API based project solution architecture for hrms

  • @anilkorutla4600
    @anilkorutla4600 4 роки тому +1

    Validations are not working In AddOrEdit.cshtml

  • @citro9541
    @citro9541 4 роки тому

    Thank you for the tutorial. But I've got problem with adding transaction popup window. Every time I edit existing item and save it, next I open the "New Transaction" I have modal filled with last updated item. Is there anything I missed? I check this tutorial twice but can't find any problem

    • @riwisan5391
      @riwisan5391 3 роки тому

      Same here, did you ever figured it out?

  • @faisalfiaz390
    @faisalfiaz390 4 роки тому

    Thank you for your video. It is very helpful. I am able to add record once however when I try to click second time on button it throw an error on line $('#form-modal').modal('show'); with error "Object doesn't support property or method modal". I am unable to sort it.

  • @oguzierembethel1629
    @oguzierembethel1629 3 роки тому

    Nice tutorial, why is the source code different from the vidoe?

  • @salimbozkurt9617
    @salimbozkurt9617 4 роки тому +2

    Oussama May 9, 2020 at 4:26 am - Reply
    When i click update and save new informations, then reclick for Add popup (should be empty), I found weirdly filled with the last element updated…
    when I checked the html code i find the URL.Action of new(Add) contain in route values the id of last updated…
    How this is possible? and how i can fix it
    Salim Bozkurt May 29, 2020 at 2:54 pm - Reply
    Hi. Same problem. there is no problem when I use just string url. But when if I use Url.Action there occurs a problem.
    After the any update proccess, New transaction button’s url contain last route values.
    why ? I think problem is about RenderRazorViewToString helper.

    • @marilu9138
      @marilu9138 4 роки тому

      same, did you resolve it ?

    • @salimbozkurt9617
      @salimbozkurt9617 4 роки тому +1

      @@marilu9138 No but, I noticed that if I use the url action just like as below, there no occurs problem. I used id=0 instead of null.
      @Url.Action(“AddOrEdit”,”Product”, new {id=0}, Context.Request.Scheme)

    • @marilu9138
      @marilu9138 4 роки тому +1

      @@salimbozkurt9617 thanks , i was using only 0, i Will try later

    • @jimmydavila7196
      @jimmydavila7196 4 роки тому

      @@marilu9138 Yepe. It works. Thanks, I had the same problem

  • @andresviera-ecuador4984
    @andresviera-ecuador4984 4 роки тому

    Hi, I'm learning at the moment so I had a problem with Delete. When I push the button I go to the controller but the value that I have come null and jump and don't save the element I deleted. Sorry I dont Know which is the problem.

    • @CodAffection
      @CodAffection  4 роки тому +1

      did you pass asp-route-id ? try with breakpoints in Delete post action method ?

    • @andresviera-ecuador4984
      @andresviera-ecuador4984 4 роки тому

      @@CodAffection I had to put @Html.Hidden("id", @item.transactionId)attribute up and that is the solution for me. Thanks

  • @redachouiba4862
    @redachouiba4862 4 роки тому

    Boom .. Good job :)

  • @omarbedoui5292
    @omarbedoui5292 4 роки тому +1

    Thank you for this wonderful tutorial,
    download does not exists

  • @salimbozkurt9617
    @salimbozkurt9617 4 роки тому +1

    How to implement client side (unobtrusive) validation or best fluent validaiton ? I tried but i couldn't run, please help me ?

    • @CodAffection
      @CodAffection  4 роки тому +1

      I've discussed the same in one of my previous tutorial here - ua-cam.com/video/DI_YppvLgJ8/v-deo.html
      Let me know if there is anything left explain.

    • @salimbozkurt9617
      @salimbozkurt9617 4 роки тому

      @@CodAffection thanks. i solved my problem. i implemented fluent validation.

  • @CodeLuffix
    @CodeLuffix 4 роки тому

    Anyone know why he unchecks configure for https in the creation at the beginning?

  • @abdullahquhtani4247
    @abdullahquhtani4247 4 роки тому

    Do you work as freelancer? Plz reply.

  • @hitasas
    @hitasas 4 роки тому

    Awesome!!!!

  • @VeasnaMUCH
    @VeasnaMUCH 4 роки тому +3

    That is a very great tutorial. I have learn alot from yours, by the way if I would like to add pagination feature in _ViewAll.chtml partial view, how could we do?

  • @richiebalagot4893
    @richiebalagot4893 3 роки тому

    It would be nicer if you can add a search option within the transaction history.

  • @erik_lopez_
    @erik_lopez_ 3 роки тому

    There is a bug in the code, when you update a transaction the information keeps saved and then when you clic on NEW TRANSACTION the information saved doesnt let you create a new transaction, please how can I fix this problem???

  • @rayt6867
    @rayt6867 4 роки тому +1

    Can you please share the css, thanks

  • @tunghinh5954
    @tunghinh5954 3 роки тому

    Sir, I use @using X.PagedList.Mvc.Core; @using X.PagedList; for project, But it doesn't work, there is a solution for paging.

  • @santhoshawe
    @santhoshawe 4 роки тому

    Can you share this project? I have checked in your website. there's no download link of this project. It'll be better for me for reference.

    • @CodAffection
      @CodAffection  4 роки тому

      there is an article on this same topic with source code. link is given in video discription.

  • @alancameron1478
    @alancameron1478 2 роки тому

    modal('show') not working as per the tutorial. Driving me crazy and the online documentation is incomplete. Guess why?!

  • @OnlineZiggasa
    @OnlineZiggasa 4 роки тому

    Great. I need Web Api 2 Registration and Password Email Confirmation Tutorial!!!

  • @nandakumar8515
    @nandakumar8515 2 роки тому

    Thank you

  • @BasmaALMahrouqi
    @BasmaALMahrouqi Рік тому

    could you help me I do like this video but I want to add dropdown list from other relation table (rather than display the id Idisplay

    • @CodAffection
      @CodAffection  Рік тому

      did you watch my master detail videos? where I have discussed such topics.

  • @engr.malikmuhammadmubashir6828
    @engr.malikmuhammadmubashir6828 4 роки тому

    Sir your website is down. What is the problem?
    "This Website's IP Has Been Changed"