select2动态渲染下拉框以及下拉数据格式化
//动态渲染下拉框
$('select[name="userid"]').html(getOption($userName, 'personname')).val('{$ITEM->relationuserid}').select2({width: '100%',theme: "bootstrap",placeholder: "请选择人员...",language: "zh-CN",templateResult: function(state){//console.log(state);if (!state.id) {return state.text;}var $state = $('<span> ' + state.text + ' ('+ $(state.element).data('departname') +')</span>');return $state;}
});var $userName = [];
//获取离岗人员信息
function getUserId() {$.ajax({url: "__APP__/Mainten/Userinfoext/getListForCombobox",dataType: 'json',async: false,success: function (data) {$userName = data;}})return $userName}function getOption(data, field) {var str = [];data.forEach(function (element) {str.push('<option value="' + element.id + '" data-departname="'+ element.departname +'">' + element[field] + '</option>');});return str.join("");
}
select2动态渲染下拉框以及下拉数据格式化相关推荐
- bootstrap select下拉框模糊搜索和动态绑定数据解决方法
bootstrap select下拉框模糊搜索和动态绑定数据解决方法 参考文章: (1)bootstrap select下拉框模糊搜索和动态绑定数据解决方法 (2)https://www.cnblog ...
- FineReport 报表数据根据下拉框的值进行数据联动
FineReport 报表数据根据下拉框的值进行数据联动,不用点击查询按钮 1.新建数据库查询,获得数据. SELECT * FROM [销量] where 地区 ='${area}' 2.把需要展示 ...
- 根据下拉框的内容筛选数据
首先查询出来你需要的数据:var varLinq = -------; 声明一个空的字符串:string Lists = ""; For循环上面查询出来的数据,把查询数据放入到一个 ...
- 解决EasyExcel创建excel下拉框,下拉框内容过多时不显示的问题
新建SpinnerLongHandler类 将内容拷贝过去直接调用即可 .registerWriteHandler(new SpinnerLongHandler(spinnerLongMap,exce ...
- 解决element ui select下拉框不回显数据问题
最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://githu ...
- layui 数据表格下拉框_layui-table-column-select(layui数据表格可搜索下拉框select)
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/kkk12/layu ...
- xm-select下拉框,下拉树
使用案例 先上图 layui中使用xm-select下拉选择树 1.引入js <script src="../static/res/bootstrap/js/jquery-3.4.1. ...
- layui自定义模块实现下拉框,读取数据字典数据
项目中页面很多下拉框,都是调用数据字典表数据,例如性别:男,女,:删除状态:已删除,正常. 如果每个地方都用ajax调用,过于麻烦,代码越多,维护工作就越麻烦.故使用layui自定义模块实现统一操作. ...
- java怎么接收多选框多数据_表id关联数据获取至页面,制作下拉框多选进行数据多项获取(字段处理)...
python数据处理基础知识完成获取 72元 (需用券) 去购买 > 这周完成了一张表单,重点碰到以下问题: 1.freemaker获取年份的type值取year,类型直接为Long,传至后台和 ...
最新文章
- 深度学习在阿里B2B电商推荐系统中的实践
- JavaScript 对象的遍历以及判断方法
- 安卓入门系列-03安卓的开发方式(逻辑与视图分离)
- linux退出大于符号,每天一个linux命令--退出符号
- jQuery中的选择器引擎Sizzle
- 哈希表、冲突处理方法、查找长度
- python api加快交易速度_使用Python3的pipedriveapi将交易输出限制为1000个交易
- JAVA中Math类的random()方法使用
- python视频-python剪切视频与合并视频的实现
- A. Holidays
- 有可直接运营的IPTV/OTT系统ma?
- sql列转行逗号连接_SQL 拼接字符串 列转行 | 学步园
- DNS中NS和SOA区别
- android友盟统计,RN集成友盟统计(Android)
- ShareX:一款你值得拥有的截图识别工具
- Apache Spark源码走读(九)如何进行代码跟读使用Intellij idea调试Spark源码
- Python wxpython篇 | Python生态库之图形用户界面开发库 “wxPython “ 的安装及使用(附. 使用pyinstaller 库打包Python随机点名小程序程序.exe文件)
- 桌面一片空白(不显示图标)的盗号木马清除指南
- oracle 数据库如何获取一条sql语句执行所消耗耗费的时间?
- clearcase下的一些常用命令