常用form选择
yoyocmf 2019-02-19 00:27:09

视图文件加js：

PHP Code复制内容到剪贴板
  1. <?php $this->beginBlock('js') ?>  
  2.     <script>  
  3.         layui.use(['form', 'element'], function () {  
  4.             var form = layui.form  
  5.                 , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块  
  6.         });  
  7.     </script>  
  8. <?php $this->endBlock() ?>  

 

 

1、选择该项目下全部人员列表：

PHP Code复制内容到剪贴板
  1. <?= $form->field($model, 'user_id')->dropDownList(\backend\modules\user\models\User::getDropDownListByProjectId(), ['prompt' => '不限'])->label("负责人") ?>  

 

支持输入搜索：

PHP Code复制内容到剪贴板
  1. <?= $form->field($model, 'contact_user_id')->dropDownList(\backend\modules\user\models\User::getDropDownListByProjectId(), ['prompt' => '不限','lay-search'=>'']) ?>  

 

 

PHP Code复制内容到剪贴板
  1. <?= $form->field($model, 'apply_user_id', [  
  2.         'inputOptions' => [  
  3.             'autocomplete' => 'off',  
  4.         ],  
  5.         'options' => [  
  6.             'class' => 'form-group',  
  7.             'style' => 'width:200px',  
  8.         ]  
  9.     ])->widget(\kartik\select2\Select2::classname(), [  
  10.         'data' => \backend\modules\user\models\User::getDropDownListByProjectId(),  
  11.         'options' => [  
  12.             'placeholder' => '选择申请人',  
  13.         ],  
  14.         'pluginOptions' => [  
  15.             'allowClear' => true  
  16.         ],  
  17.     ])->label(false); ?>  

 

 

2､ 点击查看用户资料：

PHP Code复制内容到剪贴板
  1.             [  
  2.                 'attribute' => 'contact_user_id',  
  3. //                'label' => '负责人',  
  4.                 'value' => function ($model) {  
  5.                     return Html::a($model->contactUserName, ['/user/default/view', 'id' => $model->contact_user_id], [  
  6.                         'class' => 'text-primary',  
  7.                         'data-layer' => '1', // 弹窗展示url地址  
  8.                         'data-title' => '负责人【 ' . $model->contactUserName . " 】的详细信息", // 弹窗标题  
  9.                         'data-width' => '90%', // 弹窗宽度  
  10.                         'data-height' => '90%',// 弹窗高度  
  11.                         'target' => '_blank',   // 重要  
  12.                     ]);  
  13.                 },  
  14.                 'format' => 'raw'  
  15.             ],  

 

3、页面支持layui的form表单：

PHP Code复制内容到剪贴板
  1. <?php $this->beginBlock('js') ?>  
  2.     <script>  
  3.         layui.use(['form', 'element'], function () {  
  4.             var form = layui.form  
  5.                 , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块  
  6.         });  
  7.     </script>  
  8. <?php $this->endBlock() ?>  

 

4､ tips 文字弹层，正上方

PHP Code复制内容到剪贴板
  1. <?= Html::a('+ 用户关联项目', ['/user/user-link-project/create'], ['class' => 'btn btn-primary','data-toggle'=>'tooltip','data-original-title'=>'新增用户的用户组将转为1']) ?>  

 

5､ 返回ajax数据：

PHP Code复制内容到剪贴板
  1. Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;    
  2.    
  3.    // 清空表    
  4.    $database = SystemLog::tableName();    
  5.    $sql = "TRUNCATE TABLE $database";    
  6.    $command = Yii::$app->db->createCommand($sql);    
  7.    $command->execute();    
  8.    return [    
  9.        "errcode" => 0, //正常    
  10.    ];    

 

6､ 根据数据，显示连续序号，不显示ID

PHP Code复制内容到剪贴板
  1. [  
  2.    'class' => 'yii\grid\SerialColumn',  
  3.    'header' => '序号',  
  4. ],  

 

 

 

 

本文来自于：http://www.yoyo88.cn/note/yoyocmf/409.html

上一篇 select2 选择框
下一篇 datetime时间选择器 / DateTimePicker
相关的文章
Powered by yoyo苏ICP备15045725号