欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

yii2中dropDownList实现二级和三级联动写法

程序员文章站 2024-03-08 19:26:58
整理文档,搜刮出一个yii2中dropdownlist实现二级和三级联动写法的代码,稍微整理精简一下做下分享。 视图页面:

整理文档,搜刮出一个yii2中dropdownlist实现二级和三级联动写法的代码,稍微整理精简一下做下分享。

视图页面:

<?php $form = activeform::begin([
    'action' => ['index'],
    'method' => 'get',
  ]); ?>
  <!--一级目录--> <?= $form->field($model, 'cocate_id')->dropdownlist(helper::coursecatemap(), ['prompt' => yii::t('backend', 'please select course cate')]) ?>

  <!--二级目录--><?= $form->field($model, 'course_id')->dropdownlist(helper::coursemap($model->cocate_id), ['prompt' => yii::t('backend', 'please select first course cate')])?>

   <!--三级目录--><?= $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();//获取一级目录的值
  $("#classsearch-course_id").html("<option value=\"\">'.yii::t('backend', 'please select course').'</option>");//二级显示目录标签
  $("#classsearch-person_id").html("<option value=\"\">'.yii::t('backend', 'please select person').'</option>");//三级显示目录标签(如果 你只需要二级 三级的可以直接删除掉)
  if (cocateid > 0) {
    getcourse(cocateid);//查询二级目录的方法
    getperson(cocateid);//查询三级目录的方法(如果 你只需要二级 三级的可以直接删除掉)
  }
});
  
function getcourse(cocateid){
  var href = "'.url::to(['/ajax/option']).'";//请求的地址
  $.ajax({
    "type" : "get",
    "url"  : href,
    "data" : {cocateid : cocateid,type : "course"},//所需参数和类型
    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"},//所需参数和类型
    success : function(d) {
      $("#classsearch-person_id").append(d);//同上
    }
  });
}
    
  
';
$this->registerjs($js);
?>

php代码:

这个是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 封装好的类文件 可以单独建立文件 在配置中引用 :

<?php
namespace backend\components;//继承的空间路径
class helper//声明类
{
 //声明查询的方法 一级
  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;
  }
  //声明查询的方法 二级
    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;
  }
  //声明查询的方法 三级
   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;
  }
  }
  ?>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。