Modal也即是模態(tài)窗，通俗的說(shuō)就是彈窗。是一款bootstrap的js插件，使用效果也是非常好。
為什么要使用modal就不必多說(shuō)了，一個(gè)網(wǎng)站，在開(kāi)發(fā)過(guò)程中你說(shuō)你沒(méi)用過(guò)js彈窗我都不信！好的彈窗不僅僅給人以美感，也會(huì)讓我們開(kāi)發(fā)效率提高，甚至心情也會(huì)舒暢！? ? ? ? ? ? ? ? ? ? ? ? ? ? （推薦學(xué)習(xí)：yii框架）
我們看看在yii2中如何使用modal。
比如我們之前添加數(shù)據(jù)的時(shí)候，通常情況下會(huì)點(diǎn)擊按鈕跳轉(zhuǎn)到添加頁(yè)面，保存后再跳轉(zhuǎn)到列表頁(yè)。
現(xiàn)在我們希望點(diǎn)擊添加按鈕的時(shí)候，在當(dāng)前頁(yè)面彈窗添加數(shù)據(jù)，看具體實(shí)現(xiàn)。
1、use yii\bootstrap\Modal; 2、創(chuàng)建一個(gè)按鈕，用于調(diào)modal的顯示
echo Html::a('創(chuàng)建', '#', [
'id' => 'create',
'data-toggle' => 'modal',
'data-target' => '#create-modal',
'class' => 'btn btn-success',
]);3、給按鈕添加點(diǎn)擊事件
$requestUrl = Url::toRoute('create');
$js = <<<JS
$(document).on('click', '#create', function () {
$.get('{$requestUrl}', {},
function (data) {
$('.modal-body').html(data);
}
);
});
JS;
$this->registerJs($js);4、我們?cè)诘谌街锌吹剑c(diǎn)擊[創(chuàng)建]按鈕會(huì)異步請(qǐng)求數(shù)據(jù)，我們修改請(qǐng)求操作方法如下
public function actionCreate()
{
$model = new Test();
if ($model->load(Yii::$app->request->post()) && $model->save()) {
return $this->redirect(['index']);
} else {
return $this->renderAjax('create', [
'model' => $model,
]);
}
}5、這個(gè)時(shí)候我們點(diǎn)擊按鈕[創(chuàng)建]，會(huì)看到modal彈窗，截圖如下。
Atas ialah kandungan terperinci yii2彈出層怎么設(shè)置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Bagaimana saya membuat laluan asas di yii?
Jul 09, 2025 am 01:15 AM
TOCREATEABASICROUTEINYII, FirstSetupAcontrollerbyPlacingItInTHeControllersDirectoryWithProperernamingandClassDefinitionErtingYii \ Web \ Web.1)
YII Pemaju Keterangan Pekerjaan: Tanggungjawab dan Kelayakan Utama
Jul 11, 2025 am 12:13 AM
Ayiideveloper'skeSponSibilitiesInbilitiesincludedesigningandImplementingFeatures, memastikanPlicationseCurity, andoptimizingPerformance.qualificationsneedareastronggraspofphp, ExperienceWithFront-EndTechnologies, DatabaseManagementsKills, danProblemblembi
Bagaimana saya membuat tindakan tersuai dalam pengawal YII?
Jul 12, 2025 am 12:35 AM
Kaedah mewujudkan operasi tersuai di YII adalah untuk menentukan kaedah yang sama bermula dengan tindakan dalam pengawal, secara pilihan menerima parameter; kemudian memproses data, membuat pandangan, atau mengembalikan JSON seperti yang diperlukan; dan akhirnya memastikan keselamatan melalui kawalan akses. Langkah -langkah khusus termasuk: 1. Buat kaedah yang diawali dengan tindakan; 2. Tetapkan kaedah kepada orang ramai; 3. Boleh menerima parameter URL; 4. Proses data seperti menanyakan model, memproses permintaan pos, pengalihan, dan sebagainya; 5. Gunakan AccessControl atau menyemak kebenaran secara manual untuk menyekat akses. Sebagai contoh, ActionProfile ($ ID) boleh diakses melalui /tapak /profil? Id = 123 dan menjadikan halaman profil pengguna. Amalan terbaik adalah
Pembangun Yii: Peranan, Tanggungjawab, dan Kemahiran Diperlukan
Jul 12, 2025 am 12:11 AM
Ayiidevelopercraftswebapplicationsingingtheyiiframework, keperluanKillsinphp, yii-specificknowledge, dan webdevelopmentlifecyclemanagement.keewerponsibilitiesinclude: 1) writingefficientcodeTooptimizePormance, 2)
Bagaimana saya menggunakan corak Activerecord di yii?
Jul 09, 2025 am 01:08 AM
TouseActiveRecordinYiieffectively,youcreateamodelclassforeachtableandinteractwiththedatabaseusingobject-orientedmethods.First,defineamodelclassextendingyii\db\ActiveRecordandspecifythecorrespondingtablenameviatableName().Youcangeneratemodelsautomatic
Bagaimana saya log acara keselamatan di yii?
Jul 11, 2025 am 12:07 AM
Rakaman acara keselamatan di YII boleh dicapai dengan mengkonfigurasi sasaran log, mencetuskan log acara utama, memandangkan penyimpanan pangkalan data, dan mengelakkan rakaman maklumat sensitif. Langkah -langkah khusus adalah seperti berikut: 1. Tetapkan sasaran log khusus dalam fail konfigurasi, seperti filetase atau dBTarget, dan tentukan klasifikasi sebagai 'keselamatan'; 2. Gunakan yii :: info () atau yii :: amaran () untuk merakam log apabila peristiwa keselamatan kritikal (seperti kegagalan masuk dan menetapkan semula kata laluan) berlaku; 3. Secara pilihan menyimpan log dalam pangkalan data untuk pertanyaan dan analisis, dan anda perlu membuat jadual terlebih dahulu dan mengkonfigurasi parameter logTable; 4. Elakkan termasuk data sensitif, seperti kata laluan atau token semasa merakam maklumat konteks, dan anda boleh menggunakan penggantian parameter untuk menambah IP dan nama pengguna; 5
Bagaimana saya menggunakan bundle aset di yii?
Jul 08, 2025 am 12:33 AM
Menggunakan AssetBundles Yii adalah amalan terbaik untuk menguruskan fail CSS dan JS. Ia mentakrifkan kumpulan sumber secara berpusat melalui kelas PHP, dan secara automatik mengendalikan kebergantungan, penggabungan dan cache. 1. Pakej Sumber adalah kelas PHP yang digunakan untuk mengatur CSS, JS dan sumber lain dan mengisytiharkan kebergantungan mereka; 2. Daftar pakej sumber dalam paparan atau susun atur untuk menghasilkan tag HTML secara automatik; 3. Pakej sumber yang berbeza boleh didaftarkan secara kondusif mengikut peranan pengguna atau jenis halaman; 4. 5. Gunakan konfigurasi AssetManager untuk menambah cap waktu untuk mencapai kawalan versi, menyelesaikan masalah penyemak imbas. Penggunaan pakej sumber yang betul dapat meningkatkan kejelasan struktur projek dan kecekapan pemuatan
Bagaimanakah saya menggunakan skrip pelanggan dalam pandangan Yii?
Jul 10, 2025 am 11:42 AM
Tomanageclientscriptsinyiiefectively, useregisterjsforinlinejavascript, registerjsfileandregistercsssfileforexternalfiles, andassetbundlesfororgaganedreuse.first, gunakan $ this->
