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 相关文章推荐
用PHP和ACCESS写聊天室(五)
Oct 09 PHP
在线增减.htpasswd内的用户
Oct 09 PHP
一个简易需要注册的留言版程序
Oct 09 PHP
PHP如何编写易读的代码
Jul 10 PHP
php实现源代码加密的方法
Jul 11 PHP
PHP中key和current,next的联合运用实例分析
Mar 29 PHP
php+ajax注册实时验证功能
Jul 20 PHP
PHP序列化操作方法分析
Sep 28 PHP
golang 调用 php7详解及实例
Jan 04 PHP
PHP更安全的密码加密机制Bcrypt详解
Jun 18 PHP
使用composer命令加载vendor中的第三方类库 的方法
Jul 09 PHP
PHP底层运行机制与工作原理详解
Jul 31 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程序检查字符串中的中文字符个数的实例分享
2016/03/17 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
Js组件的一些写法
2010/09/10 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
基于jQuery实现下拉框
2014/11/24 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
jquery动画效果学习笔记(8种效果)
2015/11/13 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
小程序外卖订单界面的示例代码
2019/12/30 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
Python读写Excel文件的实例
2013/11/01 Python
python中日志logging模块的性能及多进程详解
2017/07/18 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
Django中url的反向查询的方法
2018/03/14 Python
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
Django框架 信号调度原理解析
2019/09/04 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
实习护理工作自我评价
2013/09/25 职场文书
装饰活动策划方案
2014/02/11 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
员工考勤管理制度
2015/08/06 职场文书
分析Java中Map的遍历性能问题
2021/06/26 Java/Android
python scrapy简单模拟登录的代码分析
2021/07/21 Python