Instant Search With Laravel and Vuejs Use ( Debounce )

[@Treyson123]

Again thank you very much for sacrifice and selflessness to make this Tutorial...God bless you

[@amrraouf3525]

It has been informative indeed

[@YungGudGalaxy]

This doesn't work with pagination. If you search for something and go to next page it returns all records instead of search term. How can this be fixed?

[@tokke9345]

Change your GetResults function to getResults(page = 1) { if(this.$parent.search === ""){ axios.get('api/user?page=' + page) .then(response => { this.users = response.data; }); } else{ Fire.$emit('searching', page); } }, Next add the optional parameter to the searching event: Fire.$on('searching', (page = 1) => {...... You're welcome!

[@marcaldrindelacruz4625]

@@tokke9345 full codes please

[@ArdeeTechPH]

Hello, i tried applying the same codes to other component (which has pagination). In my Vue console, it displays the items matched with the keyword I search. However, it doesn't apply to may table rows. I'm getting the error, '[Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined"' and "app.js:78027 TypeError: Cannot read property 'name' of undefined" By the way, I applied Relational database to this component.

[@pura1505]

awesome bro, I love your tutorial videos.

[@caotoanbk]

thank you for great tutorial, but when i search and click the paginate button search not working, can i remain search data when click paginate button? Thanks you

[@alzaidiendi2707]

Great tutorial, Thank you very much.

[@cedriclabrador5353]

How to search with join table?

[@Paul-oz5se]

Great tutorial on how to use the search function. Can you teach me how to search from multiple tables and output it in one page?

[@angelamolina5599]

why im having _.debounce is not a function?

[@zharifarzaq5236]

can u make relation database bro, much appreciate it

[@leonelapor5003]

This is so nice! Thanks!

[@abhaypkyek]

Sir, is it possible to have calculated fields in a table, like how we do in Excel. Like a+b=c. We fill a and b in form, c will be calculated automatically in the next column(cell) of the table. Tried searching for it, no luck. Pls help.

[@CodeInspire]

It is possible. But, it can't calculate by default. updating a + b can't change value of 'C' you should do in controller.

[@abhaypkyek]

@@CodeInspiresuper sir. Thanks. If possible help with this, in any of the future video series.

[@optimizeit]

Thank you! it was very useful course. I will be very good if you will add to that course the work with some other tables like users post or articles which can be many. Because now we only know how to change user table but not related pages with him.

[@loremipsum574]

Another great tutorial.

[@junjun22able]

Hello Sir, why i'm getting this error "Uncaught ReferenceError: _ is not defined" when I use the debounce inside my component methods?

[@CodeInspire]

Do you have lodash installed ??

[@junjun22able]

@@CodeInspire yes, actually it works when I tried to put it inside the methods property of the parent or root component. What did i just do is I declare it in created method of the child component and it works. I just don't know why in child components methods it doesn't work.

[@adam192021]

The BEST as always!

[@le_chef_okami]

You can do "$this->index();" for the else condition :)

[@q536345]

Thank you so much, this is really awesome.

[@a_rob]

great work! thank you so much!

[@ziikyii2463]

when i have more components, it keep sending request to old components and new one and got Too many request error :'(

[@CodeInspire]

you to many components in one page ?

[@ziikyii2463]

Code Inspire omg yeah, i put it all under one parent so i can skip rewriting ‘/admin’ path. u r a really great teacher

[@ahmedshamndy6849]

great work

[@pauljoseph7432]

hello mate, great tutorial but mine got an error. It says "Error in render: TypeError: Cannot read property 'toUpperCase' of undefined" and "TypeError: Cannot read property 'toUpperCase' of undefined ". How can i fix it? thanks

[@CodeInspire]

When you got that error?? is it in current video ?

[@pauljoseph7432]

@@CodeInspire Somehow i fixed it because i skipped the vue paginate hehehe.

[@getwister]

Great tutorial! Still waiting How customize the application.

[@md.ikramurrashidshagor4401]

Great tutorial.. 😍😍 I just need a help... how can we adjust the search functionality with pagination? When I move to the next page, it's not working. Can you help me...

[@samiulislam7839]

Can any episode for drop-down select with vueform

[@CodeInspire]

It works the same why. We used in for user-type in select option.

[@Cybersix6666]

how about showing us how to send emails ? great series !

[@amined801]

why u don't use client side, i think it is must faster and very convenient for the server

[@a_rob]

client side should be used for small data sets, for example a few thousand records. but if you have millions of records then imagine what will happen, you may run out of memory and your browser may crush. use appropriate one for a specific need. hope you agree.

[@CodeInspire]

Awesome answer. :)

[@amined801]

@@a_rob thank u for details

[@pastuh]

i think simpler is just write function with timeout, use lodash for one function looks strange :X

[@sodbayarbatzogsokh7553]

Thank you very much.

[@justsoeasycom]

It's a wonderful series, indeed. Just a suggestion, why don't you have a patreon/paypal account so that anyone could support your good works through donation. Since you said you need a convenience place to record your videos . I adorn you!

[@CodeInspire]

Thank you so much buddy. :) I get inspire by helping people like you. I will make a Patreon later :)

[@justsoeasycom]

Please can I have your email?

[@CodeInspire]

@@justsoeasycom Yeah sure, [e-mail]

[@hussainwael1079]

Hello, sir, first of all, thank you very much I learned a lot and you are awesome, but I did every single thing with you for search and it sends the request but the result doesn't show in my user's table ?! I even copied your code and still the same with no errors!

[@CodeInspire]

Did you watch previouse video ?? this video is based on previouse episode

[@mangarific1]

Didn't know Khabib was a programmer

[@technogeek5885]

Hey Code inspire great video. Can't say how much I appreciate your lessons. I have me a small bug in my search not sure why. In my console log, I get this error "TypeError: Cannot read property 'id' of null" found in ---> at resources/js/components/Users.vue AND THIS ONLY HAPPENS WHEN I USE THIS Fire.$on('searching',() => { let query = this.$parent.search; axios.get('api/findUser?q=' + query) .then((data) => { this.users = data.data }) .catch(() => { }) }) this.loadUsers(); Fire.$on('AfterCreate',() => { this.loadUsers(); }); in my network tab, the server is sending me back data. But the page is not updating with the new search results. Not sure where I am going wrong. can you please help me with this. Thanks

[@averyhernandez566]

Did you include id: '' in your form data object?

[@sachinshr84]

I am having the similar issue. Did you find the solution to it? And yes @Avery Hernandez, I have included id in form data object.

[@averyhernandez566]

@@sachinshr84 I don't remember if I faced the same issue, sir. The problem that I remember was about making sure that I use object ({}) rather than array ([]). In addition to that, check if you properly bind it. I also suggest for you to view the docs of the package. This might help you. 🙂

[@sachinshr84]

Thanks @Avery Hernandez. I got the solution to it. I need to use data.data.data instead of just using it twice as the solution. Hope this will solve the issue of @Technogeek too.

[@averyhernandez566]

@@sachinshr84 Nice to know that, sir. Happy coding! :D

[@JavierHernandez-jg3wo]

The best

[@bithub-Channel]

thanks you

[@kosticnemanja1914]

if q != ' ' call axio.get else call this.loadUsers

[@elbananerosoyyooo8394]

en ESPAÑOL ... TIO no entiendo ni MIERDAAAAA