GridView插件

行内文本编辑

后端

      if (Yii::$app->request->post('hasEditable')) {
$id = Yii::$app->request->post('editableKey');
$model = ModulePosition::findOne($id);
$out = ['output' => '', 'message' => ''];
$posted = current($_POST['ModulePosition']);
$post = ['ModulePosition' => $posted];
if ($model->load($post) && $model->save(false)) {
$out = ['output' => '', 'message' => ''];
} else {
$out['message'] = $model->getErrors();
}
echo Json::encode($out);
return;
}

前端

引入
use kartik\grid\GridView; 'export' => false,//使用kar.必须进行此处配置 [
'class' => 'kartik\grid\EditableColumn',
'attribute' => 'name',
'editableOptions' => [
'placement' => 'right',
'header' => '广告名称',
'size' => 'md'
],
'vAlign' => 'middle',
'format' => 'raw',
],

状态切换

            [
'class' => 'kartik\grid\EditableColumn',
'attribute' => 'status',
'value' => function ($model) {
return \jrhbadmin\models\Report::getReportStatus()[$model->status];
},
'format' => 'raw',
'headerOptions' => ['width' => '80px'],
'editableOptions' => [
'placement' => 'left',
'inputType' => Editable::INPUT_DROPDOWN_LIST,
'data' => \jrhbadmin\models\Report::getReportStatus(),
],
'filter' => \jrhbadmin\models\Report::getReportStatus(), ],

多选

  [
'label'=>'标签',
'attribute'=>'tag',
'class'=>'kartik\grid\EditableColumn',
'value'=>function($model){
if($model->tag){
return implode(',',$model->tag);
}else{
return '';
}
},
'editableOptions'=>function($model){
$data=ArrayHelper::map(Tag::find()->all(),'tag','tag');
if($model->profile->tag){
$model->tag=explode(',',$model->profile->tag);
$data=array_merge($data, array_combine($model->tag,$model->tag));
}
return [
'placement'=>'left',
'size'=>'md',
'inputType'=>\kartik\editable\Editable::INPUT_SELECT2,
'options'=>[
'data' => $data,
'options' => ['multiple' => true],
'pluginOptions' => [
'tags' => true,
'tokenSeparators' => [',', ' '],
'maximumInputLength' => 10
],
],
];
},
],

yii2 插件使用的更多相关文章

  1. yii2集成富文本编辑器redactor

    作者:白狼 出处:http://www.manks.top/article/yii2_redactor本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保 ...

  2. apache服务器yii2报The fileinfo PHP extension is not installed解决思路

    这个问题整整困扰了我两天,今天终于搞定了.记录一下. 背景是这样的,我呢,在centos服务器上安装了lamp环境,其中php是5.3.3,在用composer安装yii2的时候,出现了某些yii2插 ...

  3. Yii2系列教程六:集成编辑器

    上一篇文章我们实现了简单的用户权限管理,至于更先进的RBAC,我后面会单独出一篇文章来说说.在这一篇文章当中,我主要想写的是在Yii2中集成一个编辑器,因为在我们的实际开发当中,一个简单的textar ...

  4. linux--->阿里云centos6.9安装yii2报错

    阿里云centos6.9安装yii2报错 错误显示:Warning: require(/vendor/autoload.php): failed to open stream: No such fil ...

  5. yii2组件之多图上传插件FileInput的详细使用

    作者:白狼 出处:http://www.manks.top/yii2_multiply_images.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连 ...

  6. Yii2 手动安装yii2-imagine插件

    由于网络的原因使用composer安装Yii框架,实在太过痛苦,所以这里干脆就手动安装yii-imagine的扩展. 首先下载yii2-image和Imagine扩展库,点击链接就可以从百度云下载上传 ...

  7. yii2.0使用bootstrap中日期插件

    Yii2框架引用bootstrap中日期插件yii2-date-picker的方法. 使用composer安装 日期插件 php composer.phar require "2amigos ...

  8. yii2 开源插件与系统

    yii2干货集:https://github.com/forecho/awesome-yii2 商城 samdark/yii2-shop composer global require "f ...

  9. window yii2 安装插件 报yiisoft/yii2 2.0.x-dev requires ext-mbstring错

    Problem 1 - yiisoft/yii2 2.0.x-dev requires ext-mbstring * -> the requested PHP extens ion mbstri ...

随机推荐

  1. 曹工说Spring Boot源码(20)-- 码网灰灰,疏而不漏,如何记录Spring RedisTemplate每次操作日志

    写在前面的话 相关背景及资源: 曹工说Spring Boot源码(1)-- Bean Definition到底是什么,附spring思维导图分享 曹工说Spring Boot源码(2)-- Bean ...

  2. codewars--js--Convert all the cases!

    问题描述: In this kata, you will make a function that converts between camelCase, snake_case, and kebab- ...

  3. Shiro -- (二) 身份验证基本流程

    简介: 在 shiro 中,用户需要提供 principals (身份)和 credentials(证明)给 shiro,从而应用能验证用户身份: principals:身份,即主体的标识属性,可以是 ...

  4. asp.net core 3.x Identity

    一.前言 这方面的资料很多,重复的写没必要,但是最近一直在学习身份验证和授权相关东东,为了成体系还是写一篇,主要是从概念上理解identity系统. 参考:https://www.cnblogs.co ...

  5. centos7系统启动流程

    前提:pc主机,MBR架构 第一步:post(power on system test)加电自检. pc机的主板上有个rom芯片(CMOS),加电后,cpu去找这个raw,然后读取里面的指令,检测机器 ...

  6. wordpress 配置坑详解

    首先 经过我测试,php74模块没有支持apache的.所以升级到php74 之后,php无法使用. 最基本的函数phpinfo 调用不出来,没有相关的模块. 安装mariadb 10.4 之后发现, ...

  7. uniapp-使用心得

    <view class="cu-item flex-sub" :class="index==TabCur?'text-orange cur':''" v- ...

  8. nginx 修改上传文件的大小限制

    nginx默认的上传文件大小是有限制的,一般为2MB,如果你要上传的文件超出了这个值,将可能上传失败.修改的地方有: 1. php.ini: upload_max_filesize = 8M   2. ...

  9. 调整markdown css样式

    H1标题 H2标题 H3标题 H4标题 H5标题 H6标题 段落: 世情薄,人情恶.雨送黄昏花易落.晓风干,泪痕残.欲笺心事,独语斜阑.难,难,难! 人成各,今非昨.病魂常似秋千索.角声寒,夜阑珊.怕 ...

  10. VUE 是个 M V VM框架

    vue基本使用 new出来一个Vue的实例,传一堆配置参数,控制一片html VM: 响应系统 - > vDOM做标记 ->一个循环周期结束后->操作DOM new Vue 返回 V ...