Part 15- How to create a bootstrap popup (modal) and insert data using JQuery in ASP.NET MVC

[@buitheanh3993]

A very nice and careful tutorial. It saves my time. You are the best teacher. Thank you so much.

[@aapkanigam]

Click on thumbs up🖒 button if you like this video. 👉Subscribe our channel for real time MVC videos. And don't forget to 👉share this😁 Thanks💖

[@trishanvassan3745]

Amazing tutorial, it really helped me with what I needed

[@kasrah.2087]

Thx for the excellent tutorial .

[@sunpreetsingh5143]

You make it so easy...best mvc tutorials...highly recommend ...

[@aapkanigam]

Thanks ..keep learning and sharing

[@lira420]

Very good, Master! Thanks for posting!!!!

[@inancakcan6898]

Very very explanatory! I'll watch every part. Thank you very much again Ashish..

[@aapkanigam]

+Inanc Akcan thanks .. keep learning and sharing... you can help your friends too..

[@andreaaldrich4046]

You should make ASMR 😆 Your voice is calming.

[@aapkanigam]

Lol 😂

[@tepakornk]

Very nice tutorial.

[@lesterfindlay3771]

Great video Ashish, I hope this can help me with a MVC project I'm working on. Thank you. I also suggest you should talk with a bit more confidence. Please have a look at kudvenkat tutorials and the way he presents the information. Thank you again and keep up the good work!

[@rishichauhan2838]

Please upload Angularjs tutorial as well , it would be helpful for us like your MVC tutorial

[@thatonkabane2337]

Any Help!!! the submit button doesn't perform any action... doesn't save the data, it doesn't close close the page dialog page nothing... but the cancel button works fine

[@ayoforyou448]

very helpfull thank's mate

[@hareeshvela8762]

Thank you Ashish from a long tome i have been waiting for these type of videos.thanks a lot for your videos. I have a doubt how that jquery function should know that controller action method is succeeded or failed?

[@aapkanigam]

+Hareesh Vela thanks. You can return any message from controller to jquery response in json format .

[@yassermukhtar9942]

Nice, Yasser from egypt

[@ahmed-df3yg]

So nice toturial but i want to open dialog from jquery with set val of textbox on that dialog to test so how i should do.. I removed data toggle and target from button and wrote that under button1.on( Click in jquery $(``myModal``). modal)(); So the modal open but how pass data Thanks bro

[@TheTufail007]

very nice

[@musabuthelezi]

Very nice video, i am able to follow up very well. Although When i hide the modal. when you open the modal it gives you that fading or blur background. after i put this $("#myModal").modal('hide'); to hide it. the blur remains there as well

[@jaylovett2237]

stackoverflow.com/questions/11519660/twitter-bootstrap-modal-backdrop-doesnt-disappear

[@nhatnguyen-mq2kp]

thank you so much !!! very very Nice

[@navzme]

Thanks for awesome video

[@smsoniinfosoft-1383]

Nice Video .... but i want to display message in same modal popup where to insert data. how it possible?

[@richardtorrenueva5512]

Tried it but the Open Modal don't work. I'm using Visual Studio 2017. Using the following script.

[@kirankumari-nz8lr]

Very nice tutorial.you the best .Sir can you upload video on edit delete record with jquery and bootstrap

[@aapkanigam]

+kiran kumari thanks for your valuable feedback.. Sure will create videos on this step by step ..keep learning and sharing

[@alaoabiodun6594]

yeah man ashish am having an issue my site table is not updated when i add new employee and also am having this error in the throw exception part in which all the code i write in the controller is correct Exception thrown: 'System.Data.Entity.Infrastructure.DbUpdateException' in EntityFramework.dll Exception thrown: 'System.Data.Entity.Infrastructure.DbUpdateException' in MVCTutorial.dll Any help

[@carloslopez-nz5ze]

Hi very nice tutorial, you have helped me a lot, I have a question that maybe you can help me, I've tried to export data to Excel with EPPlus but when it has more than 10000 records, it takes a lot of time and I really don't know why

[@aapkanigam]

+carlos lopez Make sure you have not loaded your data into DataTable instead better to use DataReader .. this may help u ; www.codeproject.com/tips/659666/export-very-large-data-to-excel-file

[@carloslopez-nz5ze]

thank you very much, I'm trying it, I'll tell you how it goes.

[@carloslopez-nz5ze]

I'm using linq and it takes a lot of time

[@sachingreat222]

nice videos, sir I want to learn how to insert data using checkbox list and once data is inserted how checkbox list get checked. M using checkbox inside webgrid and able to get multiple selected items kindly let me know how can I proceed after this

[@aapkanigam]

+Sachin Bhalerao I will create video for this ..

[@kaushikbhadani4227]

Very very Nice Ashish.

[@aapkanigam]

+kaushik bhadani thanks kaushik ..keep learning and sharing

[@yogeshvaidya5895]

how i call popup modal form in #.post () success meassage on json data is true or folse condition ,need help tutorial

[@maihassan3602]

Thank you for this easy explanation. Can you make tutorial for all CRUD actions using ajax. Like (Delete, Edit, Get). Let's say I want to delete/Edit an item from list I can't pass the Id of this specific item i'm trying to edit/delete to the ajax function. Thank you

[@aapkanigam]

+Mai Hassan watch part 16, 20 for CRUD

[@narendarsingh4672]

great

[@aapkanigam]

Thanks 😊 keep learning and sharing

[@dotnetrfidhub2135]

How to save a picture using this modal ?

[@uelzki]

Hi I just noticed that in your index controller [HttpPost] ActionResult method you did not specify a return view. in my code here -- I am getting an error: "not all code paths return a value"

[@aapkanigam]

+uelzki thanku very much for your notice ..I think you are taking about the code on blog .Yes I kept the return view() out side the catch block .Now it is fixed ..Thanku !

[@samoyed_3133]

Was helpful, ty

[@Ali-jt9mo]

So nice tutorial But I want to open this modal from jQuery to set value to textbox that on modal before modal open I removed toggle and target from button and wrote in jQuery under button .on click ("#myModal").modal(); So when I press button modal open but how I do to set value for textbox that on modal Thanks so much bro

[@AmitMali]

Hello, world! Launch demo modal Modal title × Close Save changes $('#exampleModal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) // Button that triggered the modal var id = button.data('id') var name = button.data('name') var value = button.data('value') var modal = $(this) modal.find('.modal-body #fid').val(id) modal.find('.modal-body #fname').val(name) modal.find('.modal-body #fprice').val(value) })

[@lifaspk]

brilliant dear..you are awesome

[@aapkanigam]

+Faz Thanks, keep learning and sharing

[@danielcatalan9794]

okeh

[@malusingubane3293]

Hi i'm experiencing onclick function is not defined in asp.net mvc, but i wrote all scripts and i included jquery file on my view.....do you have any possible solution

[@aapkanigam]

Please make sure two jquery references are not there

[@adeelclever98]

Submit button doesnt close the popup and doesnt submit the data .. help ?

[@jessedare9889]

very excited by the tutorial, can you help me find your code? I would like to try it.

[@aapkanigam]

+Jesse Dare you can visit blog for the code .. the link is in description

[@mucahidakyar766]

thank you for nice tutorial !! I got a problem, if i want to open model from another page. What should i do?

[@aapkanigam]

+mücahid akyar thanks for your valuable feedback.. keep learning and sharing.you want to open modal from another page. What does it mean

[@mucahidakyar766]

for example i have "index.cshtml" and "saveEmployee.cshtml" and i write the code of model in "saveEmployee.cshtml" and i want to open it in "index.cshtml" how can i do that ?

[@aapkanigam]

+mücahid akyar It is possible only when you put you modal code in layout page then you can open it on all page using this layout.

[@anshulbansal9059]

Hi Ashish, I have a doubt on this. When I am submitting the details, the details are entering in the database but the index view is not getting highlighted again. means i am not able to click on that button again. when i added (data-dismiss="modal") to the button, it worked but when i am clicking on the open modal link it is showing the previously entered values. Please help.

[@technotipsashishhindi9525]

Part 20 can help you. You can download complete project in part61

[@anshulbansal9059]

@@technotipsashishhindi9525 thanks man☺️

[@SanjayKumar-hc6iu]

Hi Asish..I follwed the Step but When i clicked on "OpenModal" its not opening any PopUp as showned in video

[@SanjayKumar-hc6iu]

I got solutin...becoz bymistake i have used Jqery.validate...reference file

[@tauhidulislam6163]

Thanks Boss,Data can be given in modal form but after submitting insert button EmployeeViewModel(model) data does not receive form data, saving null value into database, please help??

[@tauhidulislam6163]

Solved, actually i gave data:"myFormdata" instead of myFormdata, so here no inverted comma aalowed.

[@fatikhangasimov8204]

Thanks bro!

[@aapkanigam]

+Fatixan Qasimov thanks ..keep learning and sharing

[@tauhidulislam6163]

I have a question, in test controller we have two Index action, and we are calling it from ajax then how it's understand which Index we are calling??

[@aapkanigam]

+Tauhidul Islam two index method cant be written in same controller. They must be different..one of them having some parameters but same name..this is also known as method over loading..

[@tauhidulislam6163]

I know that but when we are giving url at ajax call giving test/index, then how it's finding with parameter index, i had also another problem in this tutorial, modal data is not saving at database getting null value, please help??

[@aapkanigam]

+Tauhidul Islam okay because you are sending some data with your ajax call..thqts why ..

[@srikanthn4795]

Hi Ashish, client side validations is missing when i try follow step by step ?

[@aapkanigam]

+srikanth N have you include reference of unobtrusive.js file

[@rajendrapise]

How to validate popup modal?

[@ecesrisara1]

plz share me the link for this complete code(including model)

[@bornagain3359]

You can get code from description

[@a.rajkumarreddyabbadhoddy3315]

cancel button not working in Bootstrap

[@Deddj1996]

oke

[@TheBartusZak]

I got a problem coz my modal is not closing × anyone?

[@TheBartusZak]

× Solving the problem :) Cheers

[@aapkanigam]

+BartusZak great.. keep learning and sharing

[@wymowaiyan6505]

Anyone got error where the page freeze after hiding modal?

[@thatonkabane2337]

I've got the same problem here... the page doesn't hide when i hit submit button....

[@sachingreat222]

sir from where i will get this source code

[@aapkanigam]

+Sachin Bhalerao link is in the description

[@biaaly13]

ok

[@jk-op3ht]

i know basic asp.net but i think mvc is too complicated.

[@aapkanigam]

MVC is very easy if you compare with webform

[@narendarsingh4672]

great