bootstrap
torpidcat
学习中...
展开
-
ruoyi bootstrap 弹窗(弹页面),确定按钮提交表单
父级页面操作按钮,弹窗(弹页面)<a class="btn btn-success" onclick="waitFinancial()" > <i class="fa fa-plus"></i> 认领款项</a>...<script th:inline="javascript">//加载页面(弹窗) 可认领的分款列表function waitFinancial(){ var url = "xxxx/waitFinancial原创 2020-05-15 11:46:07 · 9585 阅读 · 0 评论 -
select2 js动态追加 初始化下拉选项
<select id="staffKV_id" class="form-control select2-multiple" multiple></select>js//下拉选项var data = [ { id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, {...原创 2020-03-15 15:57:05 · 2700 阅读 · 0 评论 -
bootstrap-editable 行内编辑 text textarea date 等控件位置
{ field : 'contentLink', title : '内容链接', width : 300, editable : { type : 'textarea', title : '链接', placement: 'right',//单元格右侧显示文本编辑 emptytext : "--", validate : function(value) {...原创 2020-01-08 10:37:02 · 1447 阅读 · 0 评论 -
若依行内编辑 X-editable搭配Bootstrap-DatePicker控件
bootstrap-editable自带的DatePicker基础版:https://blog.csdn.net/torpidcat/article/details/103871641--------------------------------------------------------------------------------------下面是结合Bootstr...转载 2020-01-07 17:41:18 · 3464 阅读 · 0 评论 -
若依 BootstrapTable 行内编辑组件:x-editable
若依框架的行内编辑支持 文本、下拉、单选、文本域、select2等。BootstrapTable 行内编辑 基于 x-editable 组件https://www.cnblogs.com/landeanfen/p/5821192.html官方demohttp://vitalets.github.io/x-editable/demo-bs3.html文本框...转载 2020-01-07 12:13:57 · 2312 阅读 · 2 评论 -
ruoyi 若依行内编辑 bootstrap-editable 日期控件位置 中文日期
参考自:https://segmentfault.com/q/1010000008362364{ field : 'contentCreateDate', title : '发布日期', visible: true, sortable: true, editable : { type: 'date', clear: false, placement...转载 2020-01-07 11:55:52 · 6278 阅读 · 1 评论 -
ruoyi 若依行内编辑 提交修改 文本回滚 bootstrap-editable onEditableSave
参考:https://www.cnblogs.com/zhuyeshen/p/11430605.html引入相关文件<link th:href="/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.css" rel="stylesheet"/>-------------...原创 2020-01-03 12:01:15 · 3626 阅读 · 2 评论 -
若依 bootstrap-select2 下拉框 分组多选 分组单选
先引入select2的css及js/*前提是引入jQuery*/<link href="/ajax/libs/select2/select2.min.css" rel="stylesheet"/><link href="/ajax/libs/select2/select2-bootstrap.css" rel="stylesheet"/><...转载 2019-12-31 16:31:40 · 5586 阅读 · 1 评论 -
bootstrap-select 下拉多选控件 下载及使用
效果:bootstrap-select 下载地址https://developer.snapappointments.com/bootstrap-select/git下载地址https://github.com/silviomoreto/bootstrap-select参考地址基础使用https://blog.csdn.net/qq_37677519/a...原创 2019-04-25 18:07:40 · 6088 阅读 · 1 评论 -
ruoyi bootstrap-select 下拉多选取值及重置
html:这里的下拉列表数据从若依字典里取值<li> <input type="hidden" class="form-control" name="channelsList" id="channelsList" > 渠道: <select name="channels" id="channels" th:with="dictList=${@dict....原创 2019-07-09 17:56:35 · 5585 阅读 · 0 评论 -
bootstrap-select 多选控件的 选中/取消选中 事件(click事件)
<select name="dictChannelKV" id="dictChannelKV" th:with="dictList=${@dict.getType('talent_channel')}" class="selectpicker" multiple title="请选择渠道" data-live-search="true" > <option th:each=...原创 2019-12-05 16:08:03 · 5070 阅读 · 0 评论 -
若依ruoyi框架html部分实现onclick多选,及追加元素(有点乱,给自己看)
只针对若依框架的html部分代码:想要的效果,选中多选项,实现指定元素节点的新增(各种方式实现都不理想,只能自己一点点拼了):效果:移除:代码: 复制指定节点(页面初始化生成的被隐藏的节点,id为div_replace_id);遍历验证新增节点各项元素数值;提交时获取新增节点下的所有数据,封装为json字符串。复制的节点被bootst...原创 2019-12-04 09:44:04 · 3789 阅读 · 0 评论 -
bootstrap-fileinput 多文件上传 : 提交form时获取到所有当前上传的文件(特别指出,支持删除及多次提交)
bootstrap-fileinput 多文件上传,网上搜了两天了,都没有提交表单时获取控件所有在列文件的例子。好吧,可能大家都是上传时后台操作数据的,或者控件自带了某些功能,但我不知道也不会用,所以只能用笨方法自己折腾了。大概说下吧,业务流程是,前端使用bootstrap-fileinput控件上传多个文件到服务器,服务器返回上传后数据(文件名或文件路径),提交表单时收集这些上传返回数...原创 2019-11-16 09:47:02 · 7084 阅读 · 3 评论 -
bootstrap-fileinput 选择事件filebatchselected 自动上传文件
选择文件之后自动上传文件:这里uploadAsync的值为ture(默认),则会走fileuploaded回调(能获取到previewId,所以我会用异步);如果为false,则会走filebatchuploadsuccess回调(获取不到previewId)$(document).ready(function () { //文件上传控件初始化及后续操作 ...原创 2019-11-14 14:08:14 · 5401 阅读 · 0 评论 -
Bootstrap fileinput layoutTemplates内 去掉缩略图下的上传按钮 及其他按钮或元素 也可重写指定元素 添加自定义图标等
参考 https://zhidao.baidu.com/question/2143865137819906308.html上传小图标,用多文件同步上传的时候,有这个小图标操作的时候会出现各种情况,现在要把他们弄掉: 只要设置layoutTemplates属性的actionUpload值为空字符串即可:<script type="text/javascri...原创 2019-11-08 16:43:26 · 4759 阅读 · 6 评论 -
springboot 项目中 bootstrap-fileinput 的使用 单文件/多文件 异步/同步 上传
参考文档http://www.bootstrap-fileinput.com/examples.html https://www.jb51.net/article/158220.htm首先,这个控件支持单文件和多文件上传。多文件又分为同步和异步上传:同步:所有文件一起上传,即 后端上传方法被调用一次,用集合数组方式接收文件集合。...转载 2019-11-08 17:08:54 · 2053 阅读 · 1 评论 -
thymeleaf 多选按钮checkbox 的使用
后端java(springboot)查询结果集合 /** * 新增网点 */ @GetMapping("/add") public String add(ModelMap modelMap) { List<Brand> brands = brandService.selectAllBrand(); mode...原创 2019-04-26 17:24:26 · 9592 阅读 · 4 评论 -
bootstrap-star-rating 评星控件的使用
截图:下载地址https://github.com/kartik-v/bootstrap-star-ratingDemo地址http://plugins.krajee.com/star-rating-demo-advanced-usage#advanced-example-2先引入jquery 、bootstrap相关的js、css再引入star-rating的css...转载 2019-04-29 16:09:25 · 4527 阅读 · 3 评论 -
bootstrap-select java后端取select多选值
使用bootstrap-select时,下拉多选值的获取遇到了问题,正常方式获取select的值,只能获取最后一次选中项的值;这里参考网友们的做法,暂时只能通过一个隐藏input控件传值,这里只贴获取select所有选中值的js代码。参考:https://blog.csdn.net/aijava_1990/article/details/55098681https://www.cn...原创 2019-04-25 17:52:14 · 2417 阅读 · 0 评论 -
bootstrap 时间控件 bootstrap-datetimepicker 官方demo
官网下载及demo地址:http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm贴下官方demo,注意使用时间控件之前需要先引入jquery和 bootstrap相关的css、js:<!DOCTYPE html><html><head> <meta char...转载 2019-05-11 11:16:18 · 1427 阅读 · 0 评论 -
springboot yml文件中的各类型数据配置举例
项目中有不同环境的yml配置文件,现在是需要从yml中读取配置的参数值。拿application-dev.yml举例,文件中配置如下#1. 常用字符串配置upload: path: /Users/tempfile/background/#2. list或array 值用逗号拼接gateway: url: http://xxx.com/conf/gate...转载 2019-05-17 09:52:14 · 10627 阅读 · 0 评论 -
mybatis 批量插入数据时报异常,但是语句确实是没问题的
这里是原代码,看着一点毛病没有,异常内容里的sql虽然有很多空格,但是考到数据库执行也没问题,但程序执行就是报错:<insert id="insertExcelData" parameterType="java.util.List" useGeneratedKeys="true" keyProperty="guideOrderId"> insert IGNOR...原创 2019-07-01 17:34:28 · 4095 阅读 · 4 评论 -
若依框架使用 bootstrap-select 动态从后台加载下拉选项
想要的效果:一个搜索框搜索框实时加载后台数据选中HTML代码:<div class="box-tools pull-left"> <div class="btn-group"> <div class="col-sm-10" id="selectItem"> <sel...转载 2019-07-17 14:26:36 · 7497 阅读 · 0 评论 -
bootstrap-select 下拉多选 重置刷新下拉选项
js中其他事件相关的代码中,使用jquery通过控件id设置selectpicker属性值为refresh进行重置刷新 function doReset() { //对id为elementID的下拉框进行重置刷新 $("#elementID").selectpicker('refresh'); }或者: 参考https://bl...转载 2019-04-26 10:23:46 · 3504 阅读 · 2 评论