อายุสิ้นปีหมดไปอีกปี


กำหนดให้ Autocomplete แสดงใน Modal

คู่มือการเรียนรู้ Yii Framework 2 (Yii2)

บทเรียนดีๆ สำหรับผู้ที่ต้องการแบ่งปัน บทเรียนของคุณอาจมีค่าสำหรับอีกหลายๆ คน

beta version

กำหนดให้ Autocomplete แสดงใน Modal

มานพ กองอุ่น autocomplete modal yii yii2 290

ปัญหาของ Autocomple ที่แสดงใน Modal คือ เมื่อมีการพิมพ์รายการ รายการต่างๆ ที่มีให้เลือกมันจะแสดงผลอยู่ข้างหลัง Modal ดังนั้นเราจะต้องนำมันออกมาข้างหน้า Modal ด้วยการตั้งค่าต่อไปนี้

'appendTo'=>'#form-id',

ตัวอย่าง

<?= $form->field($model, 'name')->widget(AutoComplete::className(), [
                'options' => [
                    'class' => 'form-control'
                ],
                'clientOptions' => [
                    'appendTo'=>'#form-id',
                    'source' => Model::find()
                        ->select(['name as id', 'name as value', 'name as label'])
                        ->groupBy('name')
                        ->orderBy(['name' => SORT_ASC])
                        ->asArray()->all(),
                    //'change' => 'function(){$(this).init_charge();}',
                    'select' => new JsExpression("function( event, ui ) {
                $(this).val(ui.item.label);
            }")
                ],
            ]) ?>

 


หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com
มานพ กองอุ่น

มานพ กองอุ่น
admin

  • 2 เพื่อน
  • 2 ผู้ติดตาม
  • 734 โพสต์
กลับขึ้นบน