PHPackages murattcann/update-modal - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. murattcann/update-modal ActiveLibrary[Utility & Helpers](/categories/utility) murattcann/update-modal ======================= Basic package for updating operations with bootstrap modal. v1.0.1(6y ago)1120MITHTML Since Apr 3Pushed 6y ago1 watchersCompare [ Source](https://github.com/murattcann/update-modal)[ Packagist](https://packagist.org/packages/murattcann/update-modal)[ RSS](/packages/murattcann-update-modal/feed)WikiDiscussions master Synced today READMEChangelogDependenciesVersions (3)Used By (0) update-modal Package To Edit Any Table Cell With Laravel, Ajax, Jquery and Bootstrap ==================================================================================== [](#update-modal-package-to-edit-any-table-cell-with-laravel-ajax-jquery-and-bootstrap) This package developed for edit-update any database field with Bootstrap modal and JQuery/Ajax. - [Installation](#installation) - [Get Started ](#get-started) - [Usage With Html Table](#usage-with-html-table) - [Including Package Views](#including-modal) - [Usage With yajrabox/datatable](#usage-with-yajrabox) Installation -------------- [](#-installation-) ``` composer require murattcann/update-modal ``` Get Started ------------ [](#-get-started) This package provides you to update any field in the table without refresh page. You can use this to update any kind of database table field as live. Lets get started! Usage With Html Table ----------------------- [](#-usage-with-html-table-) I assume you have products table like this: [![](https://github.com/murattcann/update-package-readme-images/raw/master/productsIndexWithoutPackage.png)](https://github.com/murattcann/update-package-readme-images/blob/master/productsIndexWithoutPackage.png) [![](https://github.com/murattcann/update-package-readme-images/raw/master/newhtmlTableWithoutPacage.png)](https://github.com/murattcann/update-package-readme-images/blob/master/newhtmlTableWithoutPacage.png) ### Including Modal [](#-including-modal-) You should include modal view to the top index page and pass "modalTitle" parameter to this view. This parameter our modals new title. You can just write "Edit". [![](https://github.com/murattcann/update-package-readme-images/raw/master/includeModal.png)](https://github.com/murattcann/update-package-readme-images/blob/master/includeModal.png) You should include js blade view to the bottom of index page. [![](https://github.com/murattcann/update-package-readme-images/raw/master/includeJS.png)](https://github.com/murattcann/update-package-readme-images/blob/master/includeJS.png) Now, you should include button blade view to the corresponding table ` td ` tag with with specified parameters like this: [![](https://github.com/murattcann/update-package-readme-images/raw/master/newhtmlTableWithPackage.png)](https://github.com/murattcann/update-package-readme-images/blob/master/newhtmlTableWithPackage.png) The process we just did should give us this result on the index page: [![](https://github.com/murattcann/update-package-readme-images/raw/master/productsIndex.png)](https://github.com/murattcann/update-package-readme-images/blob/master/productsIndex.png) As you can see, we can edit-update title and price title. If you click price to edit you would see the modals input type is number. It is because of "inputType" parameter which we passed to included view. If you click title to edit you would see the modals input type is textarea. This is because of same reason. We did it. [![](https://github.com/murattcann/update-package-readme-images/raw/master/priceClicked.png)](https://github.com/murattcann/update-package-readme-images/blob/master/priceClicked.png) [![](https://github.com/murattcann/update-package-readme-images/raw/master/titleClicked.png)](https://github.com/murattcann/update-package-readme-images/blob/master/titleClicked.png) Usage With yajrabox/datatables -------------------------------- [](#-usage-with-yajraboxdatatables-) If you use yajrabox datatables package you can also integrate for this. But there is a little bit difference between traditional html tables and yajrabox datatable. You know, yajrabox package is rendering table view on server side. So, you haven't got a table which you can edit on the view files. Yajrabox package generates table from server side and you should only write `{!! $dataTable->table() !!}` on view page that you would like to use. As you can see, there is no html table to edit cells. So, how can we do this editing things in this case? Lets get started. I assueme you have services table like this: [![](https://github.com/murattcann/update-package-readme-images/raw/master/yajra/index.png)](https://github.com/murattcann/update-package-readme-images/blob/master/yajra/index.png) Now, we should have a helper to generate button as we want. Let's say, I want to edit priority field with this package. We must have some functions to do so. [![](https://github.com/murattcann/update-package-readme-images/raw/master/yajra/newactionButtonClass.png)](https://github.com/murattcann/update-package-readme-images/blob/master/yajra/newactionButtonClass.png) [![](https://github.com/murattcann/update-package-readme-images/raw/master/yajra/actionButtonClass2.png)](https://github.com/murattcann/update-package-readme-images/blob/master/yajra/actionButtonClass2.png) After this step, you should edit `ServiceDataTable.php` file according to your wish. As I said before, I want to edit priority field. So, I should make such a change: [![](https://github.com/murattcann/update-package-readme-images/raw/master/yajra/newserviceDataTable.png)](https://github.com/murattcann/update-package-readme-images/blob/master/yajra/newserviceDataTable.png) This is the different side of yajrabox. Other steps are same with html table. Now, you should include modal view and update blade file as we did before. > If you encounter any errors or problems, contact with me. ### Health Score 26 — LowBetter than 43% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity11 Limited adoption so far Community7 Small or concentrated contributor base Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 2227d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/5f01eb507767a48c9cd75e7ec3835f2de4ff1f7cb289f0182468771597326b50?d=identicon)[mmurattcann](/maintainers/mmurattcann) --- Top Contributors [![murattcann](https://avatars.githubusercontent.com/u/49123291?v=4)](https://github.com/murattcann "murattcann (10 commits)") ### Embed Badge ![Health badge](/badges/murattcann-update-modal/health.svg) ``` [![Health](https://phpackages.com/badges/murattcann-update-modal/health.svg)](https://phpackages.com/packages/murattcann-update-modal) ``` ### Alternatives [anlutro/l4-settings Persistent settings in Laravel. 9312.4M19](/packages/anlutro-l4-settings)[godruoyi/php-snowflake An ID Generator for PHP based on Snowflake Algorithm (Twitter announced). 8582.3M61](/packages/godruoyi-php-snowflake)[tuupola/ksuid K-Sortable Globally Unique IDs 1081.2M4](/packages/tuupola-ksuid)[mcordingley/linearalgebra Matrix math for PHP. 85146.3k1](/packages/mcordingley-linearalgebra)[hyva-themes/magento2-wysiwyg-svg Allow SVGs and all tailwind classes in CMS block and page content. 17130.8k](/packages/hyva-themes-magento2-wysiwyg-svg)[syrian-open-source/laravel-youtube-iframe-generator Laravel package allows you to generate an iframe tag with a video player depending on a youtube URL. 184.2k](/packages/syrian-open-source-laravel-youtube-iframe-generator) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)