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. [Python]判断变量类型是否为List列表

    用法:isinstance(变量,list) li = [1,2,3] print(type(li)) if isinstance(li,list): print("This is a Li ...

  2. VueJs一步步实现带感的帮助面板

    环境 IDE: WebStorm 2019.1.4 系统: Mac OS X 10.15.4 VueJs: 2.6.11 Vue-cli: 4.2.2 前言   最近一直在忙毕设,前端终于还是对我这个 ...

  3. 学Python必背的初级单词,你都背了吗?

    今天给大家分享一些学习Python必须认识的英文单词,同时也是学习编程都必须会的单词,新手赶快学起来!有点长耐心看完. 小编推荐一个学Python的学习裙:九三七六六七 五零九,无论你是大牛还是小白, ...

  4. android 华为、魅族手机无法打印 Log 日志的问题

    最近使用魅族真机测试 App 时,发现 LogCat 不显示项目工程中通过Log.d()和Log.v()打印的 debug 和 verbose 级别的日志,甚是奇怪,通过 debug 模式断点调试也没 ...

  5. Leetcode字典树-720:词典中最长的单词

    第一次做leetcode的题目,虽然做的是水题,但是菜鸟太菜,刚刚入门,这里记录一些基本的知识点.大佬看见请直接路过. https://leetcode-cn.com/problems/longest ...

  6. vue搭建手顺

    1.环境准备:node.js  vue-cli: $ npm install vue-cli -g 2.建立项目目录:vuedemo,并cd到该目录下 3.$ vue init webpack  vu ...

  7. 【DTOJ】2704:数字互换

    DTOJ 2704:数字互换  解题报告 2017.11.11 第一版 ——由翱翔的逗比w原创 题目信息: 题目描述 输入两个数作为交换数,输出已交换顺序后的两个值. 输入 两个整数,空格隔开 输出 ...

  8. PHP0015:PHP分页案例

  9. 如何利用 WPS Office 进行 IIS Log 分析

    找到 IIS Log 打开 Internet Information Service (IIS) Manager 点击左侧 Connections > Sites,在右侧 Sites 列表中定位 ...

  10. day36_tomcat丶servlet入门

    web相关概念回顾 软件架构 常见的软件结构有下面2种 Client/Server 客户端/服务器端 简称C/S 特点:在用户本地有一个客户端程序,在远程有一个服务器端程序 如:QQ,迅雷...等等 ...