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


Posted in PHP onApril 26, 2017

整理文档,搜刮出一个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;
  }
  }
  ?>

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

PHP 相关文章推荐
一次编写,随处运行
Oct 09 PHP
php SQL防注入代码集合
Apr 25 PHP
IStream与TStream之间的相互转换
Aug 01 PHP
php获取通过http协议post提交过来xml数据及解析xml
Dec 16 PHP
PHP开发工具ZendStudio下Xdebug工具使用说明详解
Nov 11 PHP
利用php下载xls文件(自己动手写的)
Apr 18 PHP
jQuery+PHP+ajax实现微博加载更多内容列表功能
Jun 27 PHP
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
Jul 01 PHP
PHP实现显示照片exif信息的方法
Jul 11 PHP
php在线解压ZIP文件的方法
Dec 30 PHP
php实现的xml操作类
Jan 15 PHP
一个简单安全的PHP验证码类 附调用方法
Jun 24 PHP
MAC下通过改apache配置文件切换php多版本的方法
Apr 26 #PHP
PHP编程计算日期间隔天数的方法
Apr 26 #PHP
浅谈PHP中类和对象的相关函数
Apr 26 #PHP
详解PHP防止盗链防止迅雷下载的方法
Apr 26 #PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
Apr 26 #PHP
ThinkPHP中create()方法自动验证实例
Apr 26 #PHP
PHP使用imagick扩展实现合并图像的方法
Apr 25 #PHP
You might like
php获取QQ头像并显示的方法
2014/12/23 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
网页和浏览器兼容性问题汇总(draft1)
2009/06/01 Javascript
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
javascript设计模式之中介者模式Mediator
2014/12/30 Javascript
JavaScript函数详解
2015/02/27 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
2019/10/28 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
在Webpack中用url-loader处理图片和字体的问题
2020/04/28 Javascript
win7 下搭建sublime的python开发环境的配置方法
2014/06/18 Python
python实现简易云音乐播放器
2018/01/04 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
Python数据类型之列表和元组的方法实例详解
2019/07/08 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
医药工作岗位求职信分享
2013/12/31 职场文书
婚纱店策划方案
2014/05/22 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
国际商务专业毕业生自我鉴定2014
2014/09/27 职场文书
向女朋友道歉的话
2015/01/20 职场文书
小石潭记导游词
2015/02/03 职场文书
电子商务专业求职信范文
2015/03/19 职场文书
音乐会主持人开场白
2015/05/28 职场文书
中学教师教学工作总结
2015/08/13 职场文书
赞美教师的句子
2019/09/02 职场文书
Django程序的优化技巧
2021/04/29 Python
青岛市的收音机研制与生产
2022/04/07 无线电