วันศุกร์ที่ 10 พฤศจิกายน พ.ศ. 2566
Filament Disable Button Create Edit Delete
วันอังคารที่ 31 ตุลาคม พ.ศ. 2566
Filament infolist view On Resource
use Filament\Infolists\Infolist;
use Filament\Infolists\Components;
select field first_name and last name show data concat field
วันศุกร์ที่ 13 ตุลาคม พ.ศ. 2566
Filament Image upload
php artisan storage:link
INFO The [public/storage] link has been connected to [storage/app/public].
วันพฤหัสบดีที่ 12 ตุลาคม พ.ศ. 2566
Group Action View Edit Delete Table with :::
วันอังคารที่ 10 ตุลาคม พ.ศ. 2566
Filament error duplicate on edit record
using ignoreRecord: true
วันเสาร์ที่ 7 ตุลาคม พ.ศ. 2566
collapse navigation bar left filament
เพิ่ม Dropdown Navigation Dashboard Filament
Filament fix unique() for editing
public static function form(Form $form): Form
วันจันทร์ที่ 31 กรกฎาคม พ.ศ. 2566
Raspbery pi play mp3 file
Raspbery pi Cytrol read write scCard
วันพฤหัสบดีที่ 27 กรกฎาคม พ.ศ. 2566
raspberry pi pico first run
วันจันทร์ที่ 10 กรกฎาคม พ.ศ. 2566
Javascript fetch api Alpine js
Paginate Alpine json data
Sort Data from json Alpine
sort data json
วันจันทร์ที่ 3 กรกฎาคม พ.ศ. 2566
Search text in table with Alpine js
<div class="row mt-2 no-gutters" x-init="appInit" x-data="rowData">
<input x-model="search" class="form-control" type="search" placeholder="ค้นหา...">
width:100%; height:450px; overflow:auto; position:relative; resize: vertical;">
<table id="myTable" class="table table-sm table-bordered table-striped table-hover">
<thead>
<tr>
<th>#</th> <th>ชื่อสกุล</th>
</tr>
</thead>
<tbody>
<template x-for="row,index in items.data">
<tr x-show="searchtext($el)" >
<td x-text="++index"></td>
<td x-text="row.name"></td>
</tr>
</template>
</tbody>
</table>
</div>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('rowData', () => ({
search: '',
items: {},
appInit() {
const url = 'https://....'
this.items = fetch(url)
},
searchtext(el) {
return this.search === '' || el.textContent.includes(this.search)
},
}))
})
</script>