รวมสูตรใช้งาน

CRUD

CRUD (2567-11-15)

gs

function doGet() {

return HtmlService.createTemplateFromFile('index')

.evaluate()

.addMetaTag('viewport', 'width=device-width, initial-scale=1')

.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL)

}

function include(f){

return HtmlService.createHtmlOutputFromFile(f).getContent()

}

let ss = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('ลูกจ้างเหมา2568')

let data = ss.getDataRange().getDisplayValues()

function saveData(obj){

ss.appendRow([

"",

obj.input1,

obj.input2,

obj.input3,

obj.input4,

obj.input5,

obj.input6,

obj.input7,

obj.input8,

obj.input9,

obj.input10,

])

}

function getData(){

let header = data.shift()

return {data:data, header:header}

}

function findUser(obj){

let record = data.find(r => r[0] == obj.idUser)

return record

}

function delData(uid){

let row = data.findIndex(r => r[0] == uid)

ss.deleteRow(row+1)

}

function updateData(obj){

let row = data.findIndex(r => r[0] == obj.inputs0)

let dataArray = [[

obj.inputs1,

obj.inputs2,

obj.inputs3,

obj.inputs4,

obj.inputs5,

obj.inputs6,

obj.inputs7,

obj.inputs8,

obj.inputs9,

obj.inputs10,

]]

ss.getRange(row+1,2,1,10).setValues(dataArray)

}

index

<!doctype html>

<head>

<title>Bootstrap demo</title>

<style>

@import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');

*{font-family: "Sarabun", sans-serif size-12;}

</style>

</head>

<body>

</div>

<a class="navbar-brand" href="#">ข้อมูลพนักงานจ้างเหมาบริการ รพ.สต. อบจ.กำแพงเพชร ประจำปี 2568</a>

</button>

</li>

</li>

<!-- <li class="nav-item">

<a class="nav-link" href="#" onclick="showTable()">แสดงข้อมูล</a>

</li> -->

</ul>

</form>

</div>

</nav>

<?!= include('read') ?>

<h1 class="display-5 modal-title fs-5" id="staticBackdropLabel">บันทึกข้อมูล ลูกจ้างเหมา สอน./รพ.สต. อบจ.กำแพงเพชร</h1>

</div>

<?!= include('add') ?>

</div>

<h1 class="modal-title fs-5" id="staticBackdropLabel1">ฟอร์มอัปเดตข้อมูล</h1>

</div>

<?!= include('update') ?>

</div>

<?!= include('js') ?>

</body>

</html>

พบปัญหาการใช้งาน ติดต่อที่ Line ID: mrtrd

</div>

add

<label for="input1" class="form-label">หน่วยบริการ</label>

<option selected disabled value="">เลือก หน่วยบริการ</option>

<option value="01. สถานีอนามัยเฉลิมพระเกียรติ 60 พรรษา นวมินทราชินีบ้านไตรตรึงษ์">01. สถานีอนามัยเฉลิมพระเกียรติ 60 พรรษา นวมินทราชินีบ้านไตรตรึงษ์</option>

<option value="02. โรงพยาบาลส่งเสริมสุขภาพตำบลธำมรงค์">02. โรงพยาบาลส่งเสริมสุขภาพตำบลธำมรงค์</option>

<option value="03. โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์พัฒนา">03. โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์พัฒนา</option>

<option value="04. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสมบูรณ์">04. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสมบูรณ์</option>

<option value="05. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองปลิง">05. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองปลิง</option>

<option value="06. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองดู่">06. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองดู่</option>

<option value="07. โรงพยาบาลส่งเสริมสุขภาพตำบลวังตะเคียน">07. โรงพยาบาลส่งเสริมสุขภาพตำบลวังตะเคียน</option>

<option value="08. โรงพยาบาลส่งเสริมสุขภาพตำบลน้ำโท้ง">08. โรงพยาบาลส่งเสริมสุขภาพตำบลน้ำโท้ง</option>

<option value="09. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสำราญ">09. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสำราญ</option>

<option value="10. โรงพยาบาลส่งเสริมสุขภาพตำบลยางเรียง">10. โรงพยาบาลส่งเสริมสุขภาพตำบลยางเรียง</option>

<option value="11. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองแม่ลาย">11. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองแม่ลาย</option>

<option value="12. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสูง">12. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสูง</option>

<option value="13. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองกรด">13. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองกรด</option>

<option value="14. โรงพยาบาลส่งเสริมสุขภาพตำบลมะกอกหวาน">14. โรงพยาบาลส่งเสริมสุขภาพตำบลมะกอกหวาน</option>

<option value="15. โรงพยาบาลส่งเสริมสุขภาพตำบลปากอ่าง">15. โรงพยาบาลส่งเสริมสุขภาพตำบลปากอ่าง</option>

<option value="16. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านใหม่">16. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านใหม่</option>

<option value="17. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านน้ำดิบ">17. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านน้ำดิบ</option>

<option value="18. โรงพยาบาลส่งเสริมสุขภาพตำบลวังประดา">18. โรงพยาบาลส่งเสริมสุขภาพตำบลวังประดา</option>

<option value="19. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองแม่แตง">19. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองแม่แตง</option>

<option value="20. โรงพยาบาลส่งเสริมสุขภาพตำบลมหาชัย">20. โรงพยาบาลส่งเสริมสุขภาพตำบลมหาชัย</option>

<option value="21. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านใหม่เจริญพร">21. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านใหม่เจริญพร</option>

<option value="22. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองลาน">22. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองลาน</option>

<option value="23. โรงพยาบาลส่งเสริมสุขภาพตำบลวังหามแห">23. โรงพยาบาลส่งเสริมสุขภาพตำบลวังหามแห</option>

<option value="24. โรงพยาบาลส่งเสริมสุขภาพตำบลโค้งไผ่">24. โรงพยาบาลส่งเสริมสุขภาพตำบลโค้งไผ่</option>

<option value="25. โรงพยาบาลส่งเสริมสุขภาพตำบลวังชะพลู">25. โรงพยาบาลส่งเสริมสุขภาพตำบลวังชะพลู</option>

<option value="26. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสมบูรณ์">26. โรงพยาบาลส่งเสริมสุขภาพตำบลมอสมบูรณ์</option>

<option value="27. โรงพยาบาลส่งเสริมสุขภาพตำบลดอนแตง">27. โรงพยาบาลส่งเสริมสุขภาพตำบลดอนแตง</option>

<option value="28. โรงพยาบาลส่งเสริมสุขภาพตำบลยางสูง">28. โรงพยาบาลส่งเสริมสุขภาพตำบลยางสูง</option>

<option value="29. โรงพยาบาลส่งเสริมสุขภาพตำบลบ่อถ้ำ">29. โรงพยาบาลส่งเสริมสุขภาพตำบลบ่อถ้ำ</option>

<option value="30. โรงพยาบาลส่งเสริมสุขภาพตำบลสลกบาตร">30. โรงพยาบาลส่งเสริมสุขภาพตำบลสลกบาตร</option>

<option value="31. โรงพยาบาลส่งเสริมสุขภาพตำบลวังน้ำพุ">31. โรงพยาบาลส่งเสริมสุขภาพตำบลวังน้ำพุ</option>

<option value="32. โรงพยาบาลส่งเสริมสุขภาพตำบลปางมะค่า">32. โรงพยาบาลส่งเสริมสุขภาพตำบลปางมะค่า</option>

<option value="33. โรงพยาบาลส่งเสริมสุขภาพตำบลโนนตารอด">33. โรงพยาบาลส่งเสริมสุขภาพตำบลโนนตารอด</option>

<option value="34. โรงพยาบาลส่งเสริมสุขภาพตำบลส่องตาแล">34. โรงพยาบาลส่งเสริมสุขภาพตำบลส่องตาแล</option>

<option value="35. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองชุมแสง">35. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองชุมแสง</option>

<option value="36. โรงพยาบาลส่งเสริมสุขภาพตำบลศรีไพศาล">36. โรงพยาบาลส่งเสริมสุขภาพตำบลศรีไพศาล</option>

<option value="37. โรงพยาบาลส่งเสริมสุขภาพตำบลดอนโค้ง">37. โรงพยาบาลส่งเสริมสุขภาพตำบลดอนโค้ง</option>

<option value="38. โรงพยาบาลส่งเสริมสุขภาพตำบลเกาะแก้ว">38. โรงพยาบาลส่งเสริมสุขภาพตำบลเกาะแก้ว</option>

<option value="39. โรงพยาบาลส่งเสริมสุขภาพตำบลป่าพุทรา">39. โรงพยาบาลส่งเสริมสุขภาพตำบลป่าพุทรา</option>

<option value="40. โรงพยาบาลส่งเสริมสุขภาพตำบลวังยาง">40. โรงพยาบาลส่งเสริมสุขภาพตำบลวังยาง</option>

<option value="41. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองผักหนาม">41. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองผักหนาม</option>

<option value="42. โรงพยาบาลส่งเสริมสุขภาพตำบลวังตะแบก">42. โรงพยาบาลส่งเสริมสุขภาพตำบลวังตะแบก</option>

<option value="43. โรงพยาบาลส่งเสริมสุขภาพตำบลคุยประดู่">43. โรงพยาบาลส่งเสริมสุขภาพตำบลคุยประดู่</option>

<option value="44. โรงพยาบาลส่งเสริมสุขภาพตำบลคุยป้อม">44. โรงพยาบาลส่งเสริมสุขภาพตำบลคุยป้อม</option>

<option value="45. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองพิไกร">45. โรงพยาบาลส่งเสริมสุขภาพตำบลคลองพิไกร</option>

<option value="46. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองโสน">46. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองโสน</option>

<option value="47. โรงพยาบาลส่งเสริมสุขภาพตำบลลานไผ่">47. โรงพยาบาลส่งเสริมสุขภาพตำบลลานไผ่</option>

<option value="48. โรงพยาบาลส่งเสริมสุขภาพตำบลเขาคีริส">48. โรงพยาบาลส่งเสริมสุขภาพตำบลเขาคีริส</option>

<option value="49. โรงพยาบาลส่งเสริมสุขภาพตำบลวังควง">49. โรงพยาบาลส่งเสริมสุขภาพตำบลวังควง</option>

<option value="50. โรงพยาบาลส่งเสริมสุขภาพตำบลวังชะโอน">50. โรงพยาบาลส่งเสริมสุขภาพตำบลวังชะโอน</option>

<option value="51. โรงพยาบาลส่งเสริมสุขภาพตำบลท่าไม้">51. โรงพยาบาลส่งเสริมสุขภาพตำบลท่าไม้</option>

<option value="52. โรงพยาบาลส่งเสริมสุขภาพตำบลบางลาด">52. โรงพยาบาลส่งเสริมสุขภาพตำบลบางลาด</option>

<option value="53. โรงพยาบาลส่งเสริมสุขภาพตำบลลานกระทิง">53. โรงพยาบาลส่งเสริมสุขภาพตำบลลานกระทิง</option>

<option value="54. โรงพยาบาลส่งเสริมสุขภาพตำบลลานทอง">54. โรงพยาบาลส่งเสริมสุขภาพตำบลลานทอง</option>

<option value="55. โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์พัฒนา (พรานกระต่าย)">55. โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์พัฒนา (พรานกระต่าย)</option>

<option value="56. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองหัววัว (ห้วยยั้ง)">56. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองหัววัว (ห้วยยั้ง)</option>

<option value="57. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองหลวง">57. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองหลวง</option>

<option value="58. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านเกศกาสร">58. โรงพยาบาลส่งเสริมสุขภาพตำบลบ้านเกศกาสร</option>

<option value="59. โรงพยาบาลส่งเสริมสุขภาพตำบลประดู่งาม">59. โรงพยาบาลส่งเสริมสุขภาพตำบลประดู่งาม</option>

<option value="60. โรงพยาบาลส่งเสริมสุขภาพตำบลจันทิมา">60. โรงพยาบาลส่งเสริมสุขภาพตำบลจันทิมา</option>

<option value="61. โรงพยาบาลส่งเสริมสุขภาพตำบลบึงมาลย์">61. โรงพยาบาลส่งเสริมสุขภาพตำบลบึงมาลย์</option>

<option value="62. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองนกชุม">62. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองนกชุม</option>

<option value="63. โรงพยาบาลส่งเสริมสุขภาพตำบลทุ่งซ่าน">63. โรงพยาบาลส่งเสริมสุขภาพตำบลทุ่งซ่าน</option>

<option value="64. โรงพยาบาลส่งเสริมสุขภาพตำบลโนนพลวง">64. โรงพยาบาลส่งเสริมสุขภาพตำบลโนนพลวง</option>

<option value="65. โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์เอน">65. โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์เอน</option>

<option value="66. โรงพยาบาลส่งเสริมสุขภาพตำบลวังชะโอน (บึงสามัคคี)">66. โรงพยาบาลส่งเสริมสุขภาพตำบลวังชะโอน (บึงสามัคคี)</option>

<option value="67. โรงพยาบาลส่งเสริมสุขภาพตำบลเกาะรากเสียด">67. โรงพยาบาลส่งเสริมสุขภาพตำบลเกาะรากเสียด</option>

<option value="68. โรงพยาบาลส่งเสริมสุขภาพตำบลโนนสมบูรณ์">68. โรงพยาบาลส่งเสริมสุขภาพตำบลโนนสมบูรณ์</option>

<option value="69. โรงพยาบาลส่งเสริมสุขภาพตำบลท่าพุทรา">69. โรงพยาบาลส่งเสริมสุขภาพตำบลท่าพุทรา</option>

<option value="70. โรงพยาบาลส่งเสริมสุขภาพตำบลโกสัมพี">70. โรงพยาบาลส่งเสริมสุขภาพตำบลโกสัมพี</option>

<option value="71. โรงพยาบาลส่งเสริมสุขภาพตำบลลานดอกไม้">71. โรงพยาบาลส่งเสริมสุขภาพตำบลลานดอกไม้</option>

<option value="72. โรงพยาบาลส่งเสริมสุขภาพตำบลท่าคูณ">72. โรงพยาบาลส่งเสริมสุขภาพตำบลท่าคูณ</option>

<option value="73. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองแดน">73. โรงพยาบาลส่งเสริมสุขภาพตำบลหนองแดน</option>

<option value="74. โรงพยาบาลส่งเสริมสุขภาพตำบลลานตาบัว">74. โรงพยาบาลส่งเสริมสุขภาพตำบลลานตาบัว</option>

<option value="75.โรงพยาบาลส่งเสริมสุขภาพตำบลนครชุม">75.โรงพยาบาลส่งเสริมสุขภาพตำบลนครชุม</option>

<option value="76.โรงพยาบาลส่งเสริมสุขภาพตำบลหนองปิ้งไก่">76.โรงพยาบาลส่งเสริมสุขภาพตำบลหนองปิ้งไก่</option>

<option value="77.โรงพยาบาลส่งเสริมสุขภาพตำบลแม่นารี">77.โรงพยาบาลส่งเสริมสุขภาพตำบลแม่นารี</option>

<option value="78.โรงพยาบาลส่งเสริมสุขภาพตำบลสหกรณ์">78.โรงพยาบาลส่งเสริมสุขภาพตำบลสหกรณ์</option>

<option value="79.โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์สวัสดิ์">79.โรงพยาบาลส่งเสริมสุขภาพตำบลโพธิ์สวัสดิ์</option>

<option value="80.โรงพยาบาลส่งเสริมสุขภาพตำบลชายเคือง">80.โรงพยาบาลส่งเสริมสุขภาพตำบลชายเคือง</option>

<option value="81.โรงพยาบาลส่งเสริมสุขภาพตำบลถาวรวัฒนา">81.โรงพยาบาลส่งเสริมสุขภาพตำบลถาวรวัฒนา</option>

<option value="82.โรงพยาบาลส่งเสริมสุขภาพตำบลทุ่งทอง">82.โรงพยาบาลส่งเสริมสุขภาพตำบลทุ่งทอง</option>

<option value="83.โรงพยาบาลส่งเสริมสุขภาพตำบลป่าคา">83.โรงพยาบาลส่งเสริมสุขภาพตำบลป่าคา</option>

<option value="84.โรงพยาบาลส่งเสริมสุขภาพตำบลคลองไพร">84.โรงพยาบาลส่งเสริมสุขภาพตำบลคลองไพร</option>

</select>

</div>

<option selected disabled value="">เลือก</option>

<option value="นางสาว">นางสาว</option>

<option value="ว่าที่ร้อยตรี">ว่าที่ร้อยตรี</option>

<option value="ว่าที่ร้อยตรีหญิง">ว่าที่ร้อยตรีหญิง</option>

</select>

</div>

</div>

<label for="input4" class="form-label">นามสกุล</label>

</div>

<label for="input5" class="form-label">ตำแหน่งที่จ้างเหมา</label>

<option selected disabled value="">เลือก ตำแหน่งที่จ้างเหมา</option>

<option value="คนสวน">คนสวน</option>

<option value="เจ้าพนักงานการเงินและบัญชี">เจ้าพนักงานการเงินและบัญชี</option>

<option value="เจ้าพนักงานธุรการ">เจ้าพนักงานธุรการ</option>

<option value="นักจัดการงานทั่วไป">นักจัดการงานทั่วไป</option>

<option value="นักวิชาการสาธารณสุข">นักวิชาการสาธารณสุข</option>

<option value="ผู้ช่วยเเพทย์เเผนไทย">ผู้ช่วยเเพทย์เเผนไทย</option>

<option value="ผู้ช่วยเเพทย์แผนไทย">ผู้ช่วยเเพทย์แผนไทย</option>

<option value="ผู้ช่วยการพยาบาล">ผู้ช่วยการพยาบาล</option>

<option value="ผู้ช่วยการพยาบาล(ทันตกรรม)">ผู้ช่วยการพยาบาล(ทันตกรรม)</option>

<option value="ผู้ช่วยงานทันตกรรม">ผู้ช่วยงานทันตกรรม</option>

<option value="ผู้ช่วยเจ้าพนักงานการเงินและบัญชี">ผู้ช่วยเจ้าพนักงานการเงินและบัญชี</option>

<option value="ผู้ช่วยเจ้าพนักงานทันตสาธารณสุข">ผู้ช่วยเจ้าพนักงานทันตสาธารณสุข</option>

<option value="ผู้ช่วยเจ้าพนักงานธุรการ">ผู้ช่วยเจ้าพนักงานธุรการ</option>

<option value="ผู้ช่วยทันตภิบาล">ผู้ช่วยทันตภิบาล</option>

<option value="ผู้ช่วยนักวิชาการสาธารณสุข">ผู้ช่วยนักวิชาการสาธารณสุข</option>

<option value="ผู้ช่วยแพทย์แผนไทย">ผู้ช่วยแพทย์แผนไทย</option>

<option value="ผู้ช่วยเหลือคนไข้">ผู้ช่วยเหลือคนไข้</option>

<option value="พนักงานการเงินเเละการบัญชี">พนักงานการเงินเเละการบัญชี</option>

<option value="พนักงานเกษตรขั้นพื้นฐาน">พนักงานเกษตรขั้นพื้นฐาน</option>

<option value="พนักงานเกษตรพื้นฐานและงานขับรถยนต์">พนักงานเกษตรพื้นฐานและงานขับรถยนต์</option>

<option value="พนักงานช่วยการพยาบาล">พนักงานช่วยการพยาบาล</option>

<option value="พนักงานช่วยการพยาบาล (ทันตกรรม)">พนักงานช่วยการพยาบาล (ทันตกรรม)</option>

<option value="พนักงานช่วยการพยาบาล (ทันตสาธารณสุข)">พนักงานช่วยการพยาบาล (ทันตสาธารณสุข)</option>

<option value="พนักงานช่วยการพยาบาล (ผู้ช่วยทันตาภิบาล )">พนักงานช่วยการพยาบาล (ผู้ช่วยทันตาภิบาล )</option>

<option value="พนักงานช่วยการพยาบาล (ผู้ช่วยแพทย์แผนไทย)">พนักงานช่วยการพยาบาล (ผู้ช่วยแพทย์แผนไทย)</option>

<option value="พนักงานทำความสะอาด">พนักงานทำความสะอาด</option>

<option value="พนักงานทำความสะอาดภายในอาคาร">พนักงานทำความสะอาดภายในอาคาร</option>

<option value="พนักงานธุรการ">พนักงานธุรการ</option>

<option value="พนักงานบริการ">พนักงานบริการ</option>

<option value="พนักงานบริการ (คนสวน)">พนักงานบริการ (คนสวน)</option>

<option value="พนักงานบริการเอกสารทั่วไป">พนักงานบริการเอกสารทั่วไป</option>

<option value="พยาบาลวิชาชีพ">พยาบาลวิชาชีพ</option>

<option value="แพทย์แผนไทย">แพทย์แผนไทย</option>

<option value="เวชระเบียน">เวชระเบียน</option>

</select>

</div>

</div>

<label for="input7" class="form-label">ระยะเวลาจ้าง (เดือน)</label>

</div>

<label for="input8" class="form-label">เลขที่สัญญา</label>

</div>

<label for="input9" class="form-label">ข้อตกลง ลงวันที่</label>

</div>

<label for="input10">หมายเหตุ</label>

</div>

</div>

</form>

</div>

js

function searchUser(obj){

Swal.fire({title:'..รอสักครู่'})

Swal.showLoading()

event.preventDefault()

google.script.run.withSuccessHandler((res)=>{

if(res != null){

Swal.close()

console.log(res)

$('#staticUpdate').modal('show')

uid = res[0]

document.getElementById('inputs0').value = res[0]

document.getElementById('inputs1').value = res[1]

document.getElementById('inputs2').value = res[2]

document.getElementById('inputs3').value = res[3]

document.getElementById('inputs4').value = res[4]

document.getElementById('inputs5').value = res[5]

const radio = document.querySelectorAll('input[name="inputs6"]')

radio.forEach(el =>{

if(el.value == res[6]){

document.getElementById(el.id).checked = true

}

})

document.getElementById('inputs7').value = res[7]

document.getElementById('inputs8').value = res[8]

document.getElementById('inputs8').value = res[9]

document.getElementById('inputs8').value = res[10]

}else{

console.log('ไม่มีข้อมูลที่ค้นหา')

Swal.fire({

position: "center",

icon: "error",

title: "ไม่มีข้อมูลที่ค้นหา",

showConfirmButton: false,

timer: 1500

});

}

document.getElementById('searchForm').reset()

}).findUser(obj)

}

function submitForm1(obj){

Swal.fire({title:'..รอสักครู่'})

Swal.showLoading()

event.preventDefault()

google.script.run.withSuccessHandler(()=>{

console.log('บันทึกเรียบร้อย')

Swal.fire({

position: "center",

icon: "success",

title: "บันทึกข้อมูลเรียบร้อย",

showConfirmButton: false,

timer: 1500

});

document.getElementById('myForm1').reset()

$('#staticBackdrop').modal('hide')

showTable()

}).saveData(obj)

}

function submitForm2(obj){

Swal.fire({title:'..รอสักครู่'})

Swal.showLoading()

event.preventDefault()

google.script.run.withSuccessHandler(()=>{

console.log('อัปเดตเรียบร้อย')

Swal.fire({

position: "center",

icon: "success",

title: "อัปเดตเรียบร้อย",

showConfirmButton: false,

timer: 1500

});

document.getElementById('myForm2').reset()

$('#staticUpdate').modal('hide')

showTable()

}).updateData(obj)

}

let uid

function deleteData(){

Swal.fire({title:'..รอสักครู่'})

Swal.showLoading()

event.preventDefault()

google.script.run.withSuccessHandler(()=>{

console.log('ลบข้อมูลเรียบร้อย')

Swal.fire({

position: "center",

icon: "success",

title: "ลบข้อมูลเรียบร้อย",

showConfirmButton: false,

timer: 1500

});

document.getElementById('myForm2').reset()

$('#staticUpdate').modal('hide')

showTable()

}).delData(uid)

}

let updateTable = false

let table

function showTable(){

google.script.run.withSuccessHandler((res)=>{

// console.log(res.data)

// console.log(res.header)

const dataSet = res.data

const headers = res.header.map(header =>{

return {title:header}

})

if(!updateTable){

new DataTable('#example', {

columns: headers,

data: dataSet,

language: {

url: '//cdn.datatables.net/plug-ins/2.0.2/i18n/th.json',

},

destroy: true,

responsive: true,

order: [[0,'desc']]

});

updateTable = true

}else{

table = $('#example').DataTable()

table.clear().rows.add(dataSet).draw()

}

}).getData()

}

window.onload = ()=>{

showTable()

}

</script>

read

<!DOCTYPE html>

<head>

<title>ตารางข้อมูล</title>

<style>

/* กำหนดสไตล์สำหรับตาราง */

table {

width: 100%;

border-collapse: collapse; /* เอาขอบมารวมกัน */

}

th, td {

border: 1px solid #ddd; /* ขอบตาราง */

padding: 3px; /* ระยะห่างภายในเซลล์ */

text-align: center; /* จัดข้อความในเซลล์ทั้งหมดให้กึ่งกลาง */

vertical-align: top; /* จัดข้อความในแนวตั้งให้อยู่กึ่งกลาง */

}

th {

background-color: #4CAF50; /* สีพื้นหลังหัวตาราง */

color: white; /* สีตัวอักษรในหัวตาราง */

}

/* เพิ่มการเน้นสีพื้นหลังในแถวที่เลือก */

tr:nth-child(even) {

background-color: #f2f2f2; /* สีพื้นหลังของแถวคู่ */

}

tr:hover {

background-color: #ddd; /* สีพื้นหลังเมื่อชี้เมาส์ */

}

</style>

</head>

<body>

<thead>

<tr>

<th class="center-text">ลำดับที่</th>

<th>ชื่อหน่วยบริการ</th>

<th class="center-text">นามสกุล</th>

<th class="center-text">ตำแหน่งที่จ้างเหมา</th>

<th>อัตราค่าจ้าง</th>

<th>ระยะเวลาจ้าง (เดือน)</th>

<th class="center-text">เลขที่สัญญา</th>

<th>หมายเหตุ</th>

</tr>

</thead>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

</div>

$(document).ready(function() {

$('#example').DataTable({

"pageLength": 5, // กำหนดให้แสดง 5 แถวต่อหน้า

"searching": true, // เปิดฟังก์ชันค้นหาข้อมูล

"ordering": true, // เปิดฟังก์ชันการจัดเรียงข้อมูล

"columnDefs": [

{

"targets": [0,1,2,3,4,5,6,7,8,9], // เลือกคอลัมน์ที่ 0 (ลำดับที่) และ 8 (โทร)

"className": "dt-center" // ใช้คลาส dt-center ของ DataTables เพื่อจัดข้อความให้ตรงกลาง

}

]

});

</script>

</body>

</html>

update

<label for="inputs0" class="form-label">ลำดับที่</label>

</div>

<label for="inputs1" class="form-label">หน่วยบริการ</label>