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

wave
มานพ กองอุ่น 3 พ.ค. 2017 22:32:11 7,868

ปัญหาของ 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

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ดู 7,868
  • รักเลย 0
  • หมวดหมู่ Yii Framework 2 (Yii2)
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags autocomplete modal yii yii2
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009

เนื้อหาที่เกี่ยวข้อง