ข้ามไปที่เนื้อหาหลัก

การใช้ CGridView ในการทำ Data List สำหรับแสดงรายการข้อมูลจาก Database

บ่อยครั้งที่ต้องเขียนการแสดงรายการข้อมูลต่างๆ รายชื่อผู้ใช้ระบบ, รายชื่อสินค้า, รายชื่อประเภทสินค้า ฯลฯ ในรูปแบบซ้ำๆ เดิมๆ ซึ่งบางครั้งก็มีส่วนของการค้นหาข้อมูล หรือ เงื่อนไขการกรองข้อมูล ที่ไม่เหมือนกัน ยกตัวอย่าง เช่น การกรองรายชื่อผู้ใช้ที่ยืนยันอีเมล สำหรับ Yii ได้เพิ่มเครื่องมือในการเรียกข้อมูลมาแสดงแบบง่ายๆ ด้วย CGridview

ตัวอย่างที่ 1
//===============================================================
// Controller
//===============================================================

// ดึงข้อมูลผู้ใช้จากฐานข้อมูล
$model = new User();

// เอาข้อมูลที่ Query มาอัดลง CActiveDataProvider
$dataProvider = new CActiveDataProvider('Post', array(
    'pagination'=>array(
        'pageSize' => 10,
    ),
));

// ส่งตัวแปรไปยังส่วนของ View
$this->render('user', array('dataProvider ' => $dataProvider ))

//===============================================================
// View
//===============================================================

$this->widget('zii.widgets.grid.CGridView', array(
    'dataProvider'=> $dataProvider,
    'columns'=>array(
        array(
            'name' => 'title',
            'htmlOptions' => array(
                'width' => '100',
                'style' => 'text-align: center;',
            ),
        ),
        array(
            'name' => 'content',
            'htmlOptions' => array(
                'width' => '100',
                'style' => 'text-align: center;',
            ),
        ),
    ),
));

ซึ่งมีข้อสังเกตว่า การที่เราจะใช้ CGridview ได้จำเป็นจะต้องสร้างกล่องมารองรับข้อมูลที่เรา Query มาเสมอ จากนั้นเราจึงจะนำตัวแปรนั้น มาใช้ในการจัดวางตามรูปแบบของ CGridview ได้

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

การเพิ่ม Font ภาษาไทยอื่นๆ เข้าไปใช้งานใน MPDF

เนื่องมาจากผมได้มีโอกาสจับงานที่ต้องแปลงหน้าเว็บให้เป็น PDF ลองๆ หาข้อมูลก็ไปเจอเจ้าตัวนี้ MPDF  ซึ่งจริงๆ แล้วก็มีให้ใช้งานอีกหลายๆ ตัว สาเหตุที่เลือกใช้งานตัวนี้เพราะมัน ค่อนข้างจะติดตั้ง และใช้งานง่าย และยังสามารถอ้างอิง CSS เข้ามาช่วยจัดหน้าตาใน PDF ได้อีกด้วย ซึ่งผลที่ได้เพี้ยนไปจากตัวจริงไม่มากครับ แต่ที่ทำให้เลือกใช้งานเพราะการเพิ่มฟ้อนท์ภาษาไทย เข้าไปนั้นค่อนข้างง่ายครับ เลยจะขอมาแนะนำดังนี้

แก้ไขปัญหา Laravel+Vite redirect ไปที่ path build

  ก่อนหน้านี้ติดปัญหาเรื่องการพัฒนาเว็บแอพลิเคชันด้วย Laravel และ Vuejs โดยใช้ Vite ควบคู่ในการพัฒนา Frontend ตอนรัน npm run dev ก็ดูเหมือนจะใช้งานได้ปกติ แต่พอมาลอง build ดูปรากฏว่าตัว application คอย redirect ไปที่ path /build ตลอดเลย พอหาข้อมูล ไปๆ มาๆ ก็เจอว่าตอนที่เขียนเราใช้ router ของฝั่ง vuejs ซึ่งทำเป็น SPA const router = createRouter({     history: createWebHistory(import.meta.env.BASE_URL), }); จากโค๊ดด้านบนนี่แหละที่ มึนอยู่หลาย ชั่วโมง แก้ง่ายๆ ที่สุด คือทำแบบนี้ const router = createRouter({     history: createWebHistory(), }); เข้าใจว่า import.meta.env.BASE_URL ค่า default น่าจะเป็น /build ถ้าเอาออกจะช่วยแก้ไขปัญหาได้ แต่ยังไม่ได้ลองว่าถ้าเราไปกำหนด env ตัวนี้ขึ้นมาก็อาจจะช่วยแก้ไขปัญหาได้ด้วยหรือเปล่า? VITE_BASE_URL="/" ใครลองแล้วได้ผลมาคอมเม้นกันด้วยนะ วันนี้ไปก่อนละ

การเขียน Force download ด้วย PHP

การทำ Force download ด้วย PHP นั้น ไม่ไช่เรื่องใหม่อะไร มีการเขียนโค้ดด้วยลักษณะนี้อยู่บ่อยๆ แต่ผมต้องนำมาแปะเป็นทริคเล็กน้อยกันตัวเองลืมครับ ประโยชน์ของมันคือในกรณีที่เราไม่สามารถเข้าไปจัดการ Apache config ได้เราสามารถใช้วิธีนี้แทนได้