Gridview Kartik Selects2 Yii2

แนะนำครับ แปะที่ Index.php  เพื่อเลือกและค้นหา

[
               'attribute' => 'dep_id',
                'label' => 'แผนกที่แจ้ง',
                'value' => function($model) {
                        return empty($model->department) ? null : $model->department->dep_name;
                 },
                'filter' => ArrayHelper::map(departmentjob::find()->asArray()->all(), 'dep_id', 'dep_name'),
                'filterType' => GridView::FILTER_SELECT2,
                'filterWidgetOptions' => [
                    'options' => ['prompt' => ''],
                    'pluginOptions' => [
                        'allowClear' => true,
                        'width'=>'100%'
                    ],
                ],
            ],

http://qaru.site/questions/16648560/yii2-kartik-gridview-select2-filter

select id to auto increment

SET @n=0;
SELECT @n := @n + 1  as mooban_id ,a.DISTRICT_CODE as mooban_code,  b.moobanname as mooban_name
FROM district a
INNER   JOIN cmooban b ON b.tumbon = a.DISTRICT_CODE

แก้ไข 1005 mysql can't create table errno 150 foreign key navicat

การแก้ไขปัญหาดังกล่าว ที่ตารางเมื่อมีคีย์นอก  ต้องSet คีย์นอกด้วย INT UNSIGNED เช่น main_id INT UNSIGNED NOT NULL,

ดังนี้
CREATE TABLE main(
id INT UNSIGNED NOT NULL AUTO_INCREMENT,
PRIMARY KEY(id)
);
CREATE TABLE other(
id INT UNSIGNED NOT NULL AUTO_INCREMENT,
main_id INT UNSIGNED NOT NULL,
PRIMARY KEY(id),
FOREIGN KEY(main_id) REFERENCES main(id)
);

yii2 ใส่สีหัวคอลัมน์

'headerOptions'=>[ 'style'=>'background-color:#ccf8fe']

'columns' => [

// ['class' => 'yii\grid\SerialColumn'],

[

'attribute' => 'workdate',

'header' => 'วันที่ใช้รถ',

'contentOptions' => ['style'=>'max-width:20px;'],

'headerOptions'=>[ 'style'=>'background-color:#ccf8fe']


/////สีตัวอักษร/////

[

'attribute' => 'send_by',

'format' => 'raw',

'label'=>'ผู้แจ้งซ่อม',

'value' => function ($model) {

return "<font class='text-primary'>" . $model->send_by . '</font>';

},

'filter' => false

],

การปรับแต่งฟอร์ม Yii2 RadioList

มาถึงการปรับแต่งฟอร์มซะที จบหัวข้อนี้ เราต้องขอไปแนะนำTips Yii2
นุ่นนี่นั่น เลยนะคะ เพราะเข้าใจว่า ทุกท่านคงรำคาญโพสต์พื้นฐานพอสมควร 55+
เริ่มจากเข้าตามพาทlocalhost/basic/web/index.php?r=employee

จะเห็นตามรูปที่ 1 คลิกที่ปุ่มเมนู create Employee จะlinkไปที่หน้าฟอร์มบันทึกข้อมูล
ตามรูปที่2 เราจะมาจัดการฟอร์มนี้ล่ะให้มันสวยงามน่าใช้ยิ่งขึ้น โดยค่าเริ่มต้นYii จะสร้างหน้าฟอร์ม
มาให้แบบในรูป2 คือเป็นคอลัมภ์เดียวเรียงจากบนลงล่าง
เราจะทำ3-4แบบเนาะ พอเป็นตัวอย่าง แบบแรกฟิลด์ sex จะทำเป็นradioList
ให้เลือกคลิกได้ ไปเปิดโปรจ็คตามรูปที่3 เลยค่ะ แล้วแก้ไขโค้ด

<?= $form->field($model, 'sex')->textInput() ?>

ให้เป็น

<?= $form->field($model, 'sex')->label('เพศ')
->radioList(array('1'=>'ชาย',2=>'หญิง')); ?>

ลองรันหน้าเวบดูเป็นยังไงมั้งค่ะ แจ่มมั๊ย อิอิ
ต่อไปฟิลด์ Birthday เราจะใส่ปฎิทิน ซึ่งอันนี้เราต้องติดตั้งextensionsเพิ่มชื่อ
Jui date picker การติดตั้งก็ไม่ยากค่ะ เปิดไฟล์ basic/composer.json
ขึ้นมา เพิ่ม โค้ด "yiisoft/yii2-jui": "*"
ตามรูปที่4 จากนั้น เปิด command cd เข้าไปหาโปรเจ็คแล้วรันคำสั่ง composer update
ตามรูปที่ 5 เรียบร้อยแล้วไปที่โค้ดโปรเจ็คกันต่อค่ะ แก้ไข โค้ด

<?= $form->field($model, 'birthday')->textInput() ?>

แก้ไขเป็น

<?= $form->field($model,'birthday')->label('วันเกิด')->widget(\yii\jui\DatePicker::classname(),[
'language' => 'th',
'dateFormat' => 'yyyy-MM-dd',
'clientOptions' => [
'changeMonth' => true,
'changeYear' => true,
],
'options'=>['class'=>'form-control'
],
]);
?>
จากนั้นรันหน้าเวบดูค่ะ คลิกที่ช่อง วันเกิด จะเห็นรูปปฎิทินให้เราคลิกเลือกอย่างสวยงาม จากการแก้ไข2ฟิลด์ข้างต้นท่านต้องได้ผลออกมาตามรูปที่6
ใครไม่ได้ลองทบทวนดูอีกทีนะคะ
ที่นี้เรามาจัดlayoutsกันใหม่ใหม่ดูสวยงามยิ่งขึ้น งานนี้เราต้องใช้แท็ก <div></div>
เข้ามาช่วยค่ะ ลองดูตามโค้ดนี้เลยนะคะ

<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4">
</div>
<div class="col-xs-4 col-sm-4 col-md-4">
</div>
<div class="col-xs-4 col-sm-4 col-md-4">
</div>
</div>

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

+5

ํYii2 font color header ใส่สีตัวอักษรในGridview

[

'attribute' => 'send_by',

'header' => 'ผู้ส่งซ่อม',

'headerOptions' => [

'style' => 'color:green'

] ,

'format' => 'raw',

'value' => function($model) {

$id = $model['id'];

$name = $model['send_by'];

return Html::a(Html::encode($name),['class' => 'btn btn-warning']);

}

],

yii2 ปิดการค้นหาแค่บางช่อง SearchModel

ถ้าเราอยากได้ช่องค้นหาแค่บางช่องล่ะ ….. สิ่งที่เราจะทำก็คือไป custom column ที่เราต้องการในที่นี้ขอยกตัวอย่างเป็นคอลัมน์ book_id

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'columns' => [
        ['class' => 'yii\grid\SerialColumn'],

        [
            'attribute' => 'book_id', 
            'filter' => false
        ],
        'book_name',
        'price',
        'category_id',

        ['class' => 'yii\grid\ActionColumn'],
    ],
]); ?>

ผลลัพธ์ที่ได้