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

本文介绍了如何在laravel H+后台框架中添加并使用bootstrap-select插件实现下拉多选功能,包括下载引入插件、设置多选属性、启用搜索和全选功能,以及解决框架对原生HTML代码的影响,通过修改源码实现插件正常工作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

2019年5月 技术汇总

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

在这里插入图片描述

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

在此方法添加一个参数
在这里插入图片描述
实现在有需求的时候关闭框架功能 使用原生html代码
在这里插入图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值