Laravel CRUD: Bootstrap Modal: Edit and Update the Data using DataTable in Laravel

Here.. in this video, the Data is fetched and displayed into Bootstrap Modal Form and from there Update the Data in that Model in Laravel... using DataTable.
Update data with validation:
• Laravel Ajax CRUD-3: E...
CRUD - BootStrap Modal : Insert Data in Laravel
• Laravel CRUD: Bootstra...
CRUD - BootStrap Modal : Fetch Data in Laravel
• Laravel CRUD: Bootstra...
CRUD - BootStrap Modal : Edit and Update Data in Laravel
• Laravel CRUD: Bootstra...
CRUD - BootStrap Modal : Delete Data in Laravel
• Laravel CRUD: BootStra...

[@NoOne-qd2yp]

Thank you for the video. Requires Bootstrap CDN. Do you have sample for Tailwind CSS instead?

[@luthfifadlerynaldy]

thanks bro, thats help... still awesome!

[@handlerindo-tv4393]

thanks man..very usefull tutorial

[@ibrahimsherif3261]

hey what if i want to show more data that is not shown in the table but they are available in the db ?

[@beatrizalves3108]

The search option made in the first 6 min of the video didn't work out, even though the code seems to be the same as yours. I'm using Laravel 7x, can that be the reason?

[@rclair7650]

Very helpful

[@yudamuhtar9628]

I have a problem "creating default object from empty value" for id with value 1 and 2 can, but for id other than that, I get an error like that. help me sir

[@CHANSOPHANAOFFICIAL]

Thanks you for share

[@fundaofwebit]

Thank you for supporting me. 😊 Plz subscribe, like and share.

[@bejustu587]

make videos related to showing bootstrap model when we click on particular id it will display the popup detail based on the clicked id. thank you

[@davidmcglone409]

He just did... All you need to do is use the same procedure to edit the data, but eliminate the form fields.

[@ramadanpratama7653]

im sorry sir, why my data table cant work like yours. thanks

[@davidmcglone409]

Having to specify an id in the js, doesn't seem like a good solution. What if the id of any of the rows changes?

[@izclubcom]

How to update data when i have Files on form ???

[@Pumhesho]

Gracias por los cositos

[@fundaofwebit]

gracias por apoyarme.. Por favor, dime y suscríbete a mi canal. :-)

[@darenchris7382]

Sir,please answer me,I followed each single step ya made,but the modals not popping up,please sir

[@bramjanuar4147]

Sir i wanna ask something, i'm on build an application with laravel and i'm stuck in a case, so i build an input form where i want to use modal pop up to show and search users data(like name and phone number), after that i'm select the user with a button select and automaticly the data inputed into a input form, how to do that with modal sir? selected data and send that data to input form, i've been so frustrated with that, thank you very much sir. Sorry for my bad english

[@Charles-mi6wx]

same problem here, do you get that problem now?

[@sokdimand680]

The update won't work for me, when I click Update is show nothing. how can I check if the ID is passing to Controller?

[@franciscojavierchamorrofie3100]

What if I don't want to display the ID of my models in the table? How would I get the ID in the jQuery code to delete it from the Database as well?

[@fundaofwebit]

Use input type="hidden" And call the id in this input tag.. And fetch it by jquery .val()

[@weenamariepaddayuman6997]

any solution? Missing argument 2 for App\Http\Controllers\systemcontroller::update()

[@HoangVu-lr8mh]

One tip for anyone who suffered the error DataTable is not a function, just add defer attribute to the two datatable script

[@mosesegboh]

give example please

[@laravelexcerpt4796]

Good .. but how to show validation inside module when click btn save

[@rumanhossain7056]

Hi, when I try to update the last row of my data table it's appeared in the previous row of it. Only for the last row showing this problem.

[@mohamedrhaima9201]

same problem

[@manishkumaraditya9818]

Sir plz create videos on image also with Ajax bootstrap Modal

[@makkahwi]

I have a question, is the any similar tool to datatables but to filter columns using dropdown lists instead of search box?

[@fundaofwebit]

Select2 is dropdown search option it gives.. Jquery..

[@ramadanpratama7653]

The PUT method is not supported for this route. Supported methods: GET, HEAD, POST. i dnt know wht i 've t do. can someone help me?

[@miminghadoop]

I'm also having that problem. Did you have a solution for that?

[@yolumil]

@@miminghadoop @method('PUT') in your form

[@syaahir9588]

have u got the solution,, because im having the same problem now

[@fundaofwebit]

Add this in your form : @method('PUT') And your route will be as : Route::put

[@syaahir9588]

@@fundaofwebit what u mean by Route::put,,i should write it in my web.php?

[@uliklengket3598]

di function read() ada $(#read) itu dari mn?? merujuk kemana min?

[@sandeshdurgekar8]

how to retrive file url

[@nancykumari9417]

my update popup is not showing

[@alexsanderhendrawijaya7896]

sir how to validate the edit, this case not shown the edit for validation. because whenever validation fails, the modal will closed and need to recalled again. How to do that? thansk

[@fundaofwebit]

kzbin.info/www/bejne/p4KUo3aYjLeLlas Let's check the condition in if condition as response.status == 422 (dont close modal) and response.status == 200 (your success activity)

[@tienattr8227]

Can i get your this source code, please ?

[@bukkejiswanth8644]

Edit operation is not working..

[@nikolacvetkovic4549]

@Funda_of_Web_IT Can you please share the link to the source code?

[@fundaofwebit]

Sorry to Say. i did not keep any backup of this video. Thank you for supporting me. Plzz Subscribe, like n share. :-)

[@nikolacvetkovic4549]

@@fundaofwebit No problem, I found another example elsewhere.. Thanks for the video!

[@kenny4971]

@@nikolacvetkovic4549 where did you find an example?

[@nikolacvetkovic4549]

@@kenny4971 There are many actually. Some are better then others, but all that I found require some centralization if you are going to use dataTables across your application with different models and etc. Here is one: github.com/avinashn/Ajax-CRUD-example-in-laravel

[@kenny4971]

@@nikolacvetkovic4549 yes I've seen this one, i was looking to do more customozations by adding an action column and having aquery from multiple tables. You've seen anything along those lines?

[@jiijii2454]

Hello, I've used this method and actually I made it work but now it doesn't. There is an error in the console saying: jquery-3.4.1.slim.min.js:2 Uncaught TypeError: $(...).DataTables is not a function at HTMLDocument. (admin:258) at e (jquery-3.4.1.slim.min.js:2) at t (jquery-3.4.1.slim.min.js:2) Can anyone help solve this?

[@neonchik6768]

Have u conneced datatable js ?

[@kennethpineda6143]

When i updated the data is not working. i copy every single code but still is not working. why?

[@fundaofwebit]

Check your id or and make sure... ur edit popup model id is different from ur inserting popup model... bczz... it clashes... This might be the for this ..

[@kennethpineda6143]

@@fundaofwebit The popup modal is working but when i edit new data is not working. i got an error 'no message' the error i got

[@fundaofwebit]

@@kennethpineda6143 .. ur input type id .... of edit model... and inser t model ... should not b same.... Then only.. it cn fetch the data.

[@hassannasir1222]

script code ??? anyone can send me a link of script code

[@neonchik6768]

I think the name of the video is too load for js libary

[@charismatubagus]

Hi, what if we didn't show the ID on the table? Can we still pass it into Modal?

[@charismatubagus]

never mind i still could do it

[@fundaofwebit]

Just put the id in the button value or create attribute in the button and put the id init. And then get the id from it.

[@samgeribo]

Okay

[@emirceliknet1472]

nobody: funda : okey

[@emmamfinanga2307]

hello,,, my Edit button is not working,, why

[@fundaofwebit]

On edit btn.. I used class="edit_btn".. for working that button.. and I used jQuery to ... so... ur button class name and jQuery button name... should b same.... . Then only ur btn wil work.

[@emmamfinanga2307]

@@fundaofwebit see my button code: EDIT DELETE

[@emmamfinanga2307]

and see my script: $(document).ready(function () { var table = $('#bootstrap-data-table').DataTable(); /start Edit table.on('click','.edit', function (){ $tr = $(this).closest('tr'); if($($tr).hasClass('child')){ $tr = $tr.prev('.parent'); } var data = table.row($tr).data(); console.log(data); $('#productName').val(data[1]); $('#unit_measure').val(data[2]); $('#price').val(data[3]); $('#editForm').attr('action','/addproductRoute/'+ data[0]); $('#editModal').modal('show'); }); table.on('click','.delete', function (){ $tr = $(this).closest('tr'); if($($tr).hasClass('child')){ $tr = $tr.prev('.parent'); } var data = table.row($tr).data(); console.log(data); $('#deleteForm').attr('action','/addproductRoute/'+ data[0]); $('#deleteModal').modal('show'); }); }); Please in case we can chats: on whatsApp # [phone] or Email: [e-mail] for further assistance

[@jojonmelete5315]

same problem, did u fix it?

[@razorescalona1246]

did you guys solve this?

[@mornitv7588]

it's not work bro

[@Kirja31]

Hello, okay

[@toppi7755]

Okay

[@Kirja31]

@@toppi7755 Okay

[@ashutoshmehere5915]

sir please provide code

[@saadwaheed1958]

Source Code ??