Blazor Quick Grid - How to Create Table in Blazor

[@CodingDroplets]

👉 Get Source Code: www.patreon.com/CodingDroplets Blazor Tutorial Playlist: kzbin.info/aero/PLzewa6pjbr3IQEUfNiK2SROQC1NuKl6PV

[@mikeyim9597]

Thank you Coding Droplets. You have one of the best tutorial series in Blazor and Maui. How can I buy you a coffee?

[@mikeyim9597]

Thanks!

[@CodingDroplets]

You are most Welcome!

[@AslamNazeerShaikh]

Thanks ❤ Request you please make more videos on MAUI BLAZOR HYBRID

[@CodingDroplets]

Thank you so much! 😊 I'm really glad you enjoyed the video. I actually have plans to create more content around MAUI Blazor Hybrid soon, so stay tuned!

[@Arshaad786000]

cool but how would you do something like selecting multiple rows and deleting them. for example. i have 3 rows with ID 1,2,3. I want to delete both row 1 and 2. how would I multiselect for deletion

[@CodingDroplets]

Thanks for the question! 😊 To implement multi-selection for deletion, you can maintain a separate list to keep track of the selected items. Each row can have a checkbox, and when a user selects a row, it can be added to this list. You can then use this list to delete all selected rows at once.

[@oktjona]

what about web assembly webapp

[@CodingDroplets]

You can use QuickGrid in WASM project as well. You need to install the Nuget library in the Client project.

[@techno7761]

How to get Selected Item after mouse click?

[@曼巴-z1t]

I downloaded and executed the code, and also connected to the database to create a table, but after saving the data, I encountered an error -- An unhandled error has occurred. Reload

[@CodingDroplets]

Thanks for reaching out! Could you share more details about the error you're seeing? Specifically, any error messages from the console or logs would be helpful. Also, please double-check your database connectivity settings and ensure the connection string in appsettings.json is correctly configured to match your database setup. Additionally, make sure you apply database migration using the update-database command.

[@曼巴-z1t]

@@CodingDroplets The data has been saved to the database, the error reported by the browser and the screen stopped moving

[@CodingDroplets]

Could you share more details about the error you're seeing? Specifically, any error messages from the console or logs would be helpful.

[@曼巴-z1t]

@@CodingDroplets Failed to load resource: net::ERR_CONNECTION_TIMED_OUT --from file bootstrap.min.css Failed to load resource: net::ERR_CONNECTION_TIMED_OUT -- bootstrap.bundle.min.js [2024-10-23T02:46:15.165Z] Error: Microsoft.JSInterop.JSException: $(...).modal is not a function TypeError: $(...).modal is not a function --blazor.web.js blazor.web.js:1 Uncaught Error: No interop methods are registered for renderer 1 --blazor.web.js

[@CodingDroplets]

It seems the problem is related to loading the Bootstrap files, which might be due to network restrictions or temporary CDN connectivity issues. You can try clearing your browser cache or testing in Incognito mode. Alternatively, you can download the Bootstrap CSS and JS files and include them locally in the project to avoid these errors.