yii2中dropDownList實(shí)現(xiàn)二級(jí)和三級(jí)聯(lián)動(dòng)寫法
整理文檔,搜刮出一個(gè)yii2中dropDownList實(shí)現(xiàn)二級(jí)和三級(jí)聯(lián)動(dòng)寫法的代碼,稍微整理精簡一下做下分享。
視圖頁面:
<?php $form = ActiveForm::begin([
'action' => ['index'],
'method' => 'get',
]); ?>
<!--一級(jí)目錄--> <?= $form->field($model, 'cocate_id')->dropDownList(Helper::courseCateMap(), ['prompt' => yii::t('backend', 'Please select course cate')]) ?>
<!--二級(jí)目錄--><?= $form->field($model, 'course_id')->dropDownList(Helper::courseMap($model->cocate_id), ['prompt' => yii::t('backend', 'Please select first course cate')])?>
<!--三級(jí)目錄--><?= $form->field($model, 'person_id')->dropDownList(Helper::personMap(1, $model->cocate_id), ['prompt' => yii::t('backend', 'Please select person')]) ?>
<?php ActiveForm::end(); ?>
頁面嵌套js
<?php
$js = '
//分類
$("#classsearch-cocate_id").change(function() {
var cocateId = $(this).val();//獲取一級(jí)目錄的值
$("#classsearch-course_id").html("<option value=\"\">'.yii::t('backend', 'Please select course').'</option>");//二級(jí)顯示目錄標(biāo)簽
$("#classsearch-person_id").html("<option value=\"\">'.yii::t('backend', 'Please select person').'</option>");//三級(jí)顯示目錄標(biāo)簽(如果 你只需要二級(jí) 三級(jí)的可以直接刪除掉)
if (cocateId > 0) {
getCourse(cocateId);//查詢二級(jí)目錄的方法
getPerson(cocateId);//查詢?nèi)?jí)目錄的方法(如果 你只需要二級(jí) 三級(jí)的可以直接刪除掉)
}
});
function getCourse(cocateId){
var href = "'.Url::to(['/ajax/option']).'";//請(qǐng)求的地址
$.ajax({
"type" : "GET",
"url" : href,
"data" : {cocateId : cocateId,type : "course"},//所需參數(shù)和類型
success : function(d) {
$("#classsearch-course_id").append(d);//返回值輸出
}
});
}
function getPerson(cocateId){
var href = "'.Url::to(['/ajax/option']).'";//同上
$.ajax({
"type" : "GET",
"url" : href,
"data" : {cocateId : cocateId,type : "person"},//所需參數(shù)和類型
success : function(d) {
$("#classsearch-person_id").append(d);//同上
}
});
}
';
$this->registerJs($js);
?>
php代碼:
這個(gè)是ajax自己聲明的控制器:
<?php
namespace backend\controllers;
class AjaxController extends BaseController
{
public function actionOption($cocateId, $type)
{
switch ($type) {
case 'course':
$_data = Helper::courseMap($cocateId);
break;
case 'person':
$_data = Helper::personMap(1, $cocateId);
break;
case 'class':
$_data = Helper::classMap($cocateId);
break;
}
$_tmp = '';
foreach ($_data as $key => $val) {
$_tmp .= "<option value='" . $key . "'>{$val}</option>";
}
echo $_tmp;
}
Helper.php 封裝好的類文件 可以單獨(dú)建立文件 在配置中引用 :
<?php
namespace backend\components;//繼承的空間路徑
class Helper//聲明類
{
//聲明查詢的方法 一級(jí)
public static function courseCateMap()
{
$_data = CourseCate::find()->select('cocate_id,cocate_name')->all();
$_data = ArrayHelper::map(array_merge($_data), 'cocate_id', 'cocate_name');
return $_data;
}
//聲明查詢的方法 二級(jí)
public static function courseMap($cocateId)
{
$condition['cocate_id'] = $cocateId;
$_data = Course::find()->select('course_id,course_name')->where($condition)->all();
$_data = ArrayHelper::map(array_merge($_data), 'course_id', 'course_name');
return $_data;
}
//聲明查詢的方法 三級(jí)
public static function personMap($percateId, $cocateId = 0)
{
$shopId = Yii::$app->user->identity->shop_id;
$condition = [];
if ($shopId)
{
$condition['shop_id'] = $shopId;
}
if ($percateId)
{
$condition['percate_id'] = $percateId;
}
if ($cocateId)
{
$condition['cocate_ids'] = intval($cocateId);
}
$_data = Person::find()->select('person_id,person_name')->where($condition)->all();
$_data = ArrayHelper::map(array_merge($_data), 'person_id', 'person_name');
return $_data;
}
}
?>
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Zend Framework入門知識(shí)點(diǎn)小結(jié)
這篇文章主要介紹了Zend Framework入門知識(shí)點(diǎn),總結(jié)分析了Zend Framework入門學(xué)習(xí)的知識(shí)重點(diǎn),需要的朋友可以參考下2016-03-03
php 廣告點(diǎn)擊統(tǒng)計(jì)代碼(php+mysql)
本文講的是php 廣告點(diǎn)擊統(tǒng)計(jì)代碼, php 廣告點(diǎn)擊統(tǒng)計(jì)代碼,昨天晚上有幾個(gè)IDC網(wǎng)想與本站合作放些廣告,但是我想看看廣告效果后想了就寫了一個(gè)簡單的廣告統(tǒng)計(jì)代碼了,這里只是等的統(tǒng)計(jì)不能IP限制或是惡心點(diǎn)擊等等了2018-02-02
Laravel 5框架學(xué)習(xí)之Eloquent (laravel 的ORM)
Laravel 的 Eloquent ORM 提供了漂亮、簡潔的 ActiveRecord 實(shí)現(xiàn)來和數(shù)據(jù)庫的互動(dòng)。 每個(gè)數(shù)據(jù)庫表會(huì)和一個(gè)對(duì)應(yīng)的「模型」互動(dòng)。在開始之前,記得把 config/database.php 里的數(shù)據(jù)庫連接配置好。2015-04-04
Yii2中YiiBase自動(dòng)加載類、引用文件方法分析(autoload)
這篇文章主要介紹了Yii2中YiiBase自動(dòng)加載類、引用文件的方法,實(shí)例分析了Yii中的autoload函數(shù)用于自動(dòng)加載類及引用文件的相關(guān)技巧,需要的朋友可以參考下2016-07-07
PHP自動(dòng)載入類文件函數(shù)__autoload的使用方法
今天小編就為大家分享一篇關(guān)于PHP自動(dòng)載入類文件函數(shù)__autoload的使用方法,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-03-03
laravel實(shí)現(xiàn)上傳圖片的兩種方式小結(jié)
今天小編就為大家分享一篇laravel實(shí)現(xiàn)上傳圖片的兩種方式小結(jié),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10
laravel框架實(shí)現(xiàn)為 Blade 模板引擎添加新文件擴(kuò)展名操作示例
這篇文章主要介紹了laravel框架實(shí)現(xiàn)為 Blade 模板引擎添加新文件擴(kuò)展名操作,結(jié)合實(shí)例形式詳細(xì)分析了laravel框架Blade 模板引擎添加新文件擴(kuò)展名具體操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-01-01

