程序地带

YII2.0搭建的后台系统内部的@功能实现


下载并引入atwho的js和css,$userUrl为列表查查询方法。


$this->registerCssFile('/css/jquery.atwho.css');
$this->registerJsFile('/js/jquery.caret.js');
$this->registerJsFile('/js/jquery.atwho.js');
$userUrl = Url::to (['user/select2']);

设定文本域


<?= $form->field($model, 'receivables_remark')->textarea(['rows' => 6,'placeholder'=>'@XXX可提醒对应责任人']) ?>

js实现输入@符号弹出名单下拉列表


$JS=<<<JS
var usersArr = [];
// 异步获取名单列表
$.ajaxSettings.async = false;
$.getJSON('{$userUrl}',function(data) {
if (data){
usersArr = getParamValues('text', data['results']);
}
})
$('#financialauditform-receivables_remark').atwho({
at: "@",
data: usersArr,
limit: 200,
});
$('#hudcustomerdetail-receivables_remark').atwho({
at: "@",
data: usersArr,
limit: 200,
});
// 处理获取到的名单列表的格式
function getParamValues(name, arr) {
var ret = []
for (var i = 0, len = arr.length; i < len; i++) {
ret.push(arr[i][name])
}
return ret
}
JS;
$this->registerJs($JS);

 


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yingbao620/article/details/111246207

随机推荐

有次数限制的猜数字

importrandomimporttkinterimportsysimporttkinter.messageboxdefcai_shu_zi():globaliifButton1['text...

ladygagaz 阅读(449)

让priority_queue实现小根堆三种方法

作者:自为风月马前卒个人博客http://attack204.com//出处:http://zwfymqz.cnblogs.com/本文版权归作者和博客园共有,...

hys__handsome 阅读(385)

CAD二次开发&C#——动态绘制矩形(DrawJig)

文章目录前言一、即时绘制EntityJig和DrawJig?二、操作步骤1.添加引用2.自定义RectJig类,继承自DrawJig3.调用函数三、结果演示总结前言CAD二...

JonieLei 阅读(887)

关于双系统安装踩得坑--Windows10+ubuntu20.04

这两天安装ubuntu踩了很多坑,拿出来跟大家分享一下,避免以后会有跟我一样的小白踩坑。首先我是在我的笔记本下面装的,因为我自己装的固态盘,然后...

henrysun123 阅读(344)

mybatis-plus的配置文件编写

mybatis-plus的配置文件编写这是刚入行没有偷懒工具的我面临的第一个问题,手撸xml温馨提示这是刚入行没有偷懒工具的我面临的第一个问题,手撸xml等值操作<i...

静心_求知 阅读(668)

【初识Go】| Day10 异常处理

error针对这样的情况,Go语言中引入error接口类型作为错误处理的标准模式,如果函数要返回错误,则返回值类型列表中肯定包含error。error处理过程...

yussuy 阅读(609)

NC105 二分查找(C C++)

【题目描述】请实现有重复数字的有序数组的二分查找。输出在数组中第一个大于等于查找值的位置,如果数组中不存在这样的数,则输出数组长度加一。【输入】5,4,[1,2,4,4,5...

ネロ・クラウディウス 阅读(943)