laravel h+后台框架 添加bootstrap-select插件实现下拉多选

2019年5月 技术汇总

一 在h+ 框架内实现下拉框多选
1 首先下载并引入bootstrap-select 插件
在这里插入图片描述
2选择需要实现多选的下拉框类名 调用下面的方法 并加上multiple=“multiple”

在这里插入图片描述

3这样就能实现多选了 ,下面是扩展功能
  data-live-search=“true” 搜索框
data-actions-box=“true” 全选,取消全选
4 这时候插件已接入完成,但是从页面上呈现的效果上看,并不能实现多选,这是因为在我们目前使用的h+ 框架 搜索栏的html代码并不是直接编译的,而是通过框架核心js 代码复制原代码呈现,并隐藏原代码造成,这时候需要对框架源码适当做一点修改
laravel h+后台框架 添加bootstrap-select插件实现下拉多选_第1张图片

在此方法添加一个参数
在这里插入图片描述
实现在有需求的时候关闭框架功能 使用原生html代码
laravel h+后台框架 添加bootstrap-select插件实现下拉多选_第2张图片

然后在调用table这个方法的时候把最后一个参数设为false
在这里插入图片描述
这样就可以不受框架影响,自由使用第三方插件了

你可能感兴趣的:(日常)