BootStrap
关注
分享
扫一扫
tanzongbiao
这个作者很懒，什么都没留下…
展开
-
bootstrapTable查询时返回第一页 非首页带条件查询时显示不出数据(pageNumber!=1 然数据条数很少) 第1页 首页
bootstrapTable查询时返回第一页 非首页带条件查询时显示不出数据(pageNumber!=1 然数据条数很少) 第1页 首页原创 2022-07-11 13:13:31 · 454 阅读 · 0 评论 -
BootStrap 编辑日期 laydate 编辑界面日期
1、实体层加@DateTimeFormat(pattern = "yyyy-MM-dd")2、js引入'laydate' 3、html效果：原创 2022-06-28 17:05:27 · 724 阅读 · 0 评论 -
表格渲染 解决BootStrap3徽章没有背景颜色的问题(BootStrap4有)
BootStrap3//解决BootStrap3徽章没有背景颜色的问题(BootStrap4有)formatter: function (value, row, index){ if(dictionMapGlobal2 != null && dictionMapGlobal2.length > 0){ var i = 0; while (i < dictionMapGlobal2.length){ if(d.原创 2022-05-14 19:27:45 · 374 阅读 · 0 评论 -
BootStrap 回车查询 全页面回车查询 兼容第2回车查询 多个回车查询 js获取光标所在元素 光标所在input元素的位置
js获取光标所在元素var focusTemp = $("input:focus");使用示例//兼容第2回车查询//光标所在input元素的位置(HTMLInputElement)var htmlTemp = $("input:focus")[0];if(htmlTemp != undefined && (htmlTemp.id == "studentName" || htmlTemp.id == "studentIdCard"原创 2022-05-13 23:46:56 · 420 阅读 · 0 评论 -
bootstrapTable获取数据条数(获取总条数) 获取当前行(行号) 获取全部数据(本页) 获取某行数据 获取选中行数据
//bootstrapTable获取数据条数(获取总条数)var totalNum = $('#tb_TableStudent').bootstrapTable('getOptions').totalRows;alert(totalNum);//bootstrapTable获取当前行(行号)$('#tb_Table').on("click-row.bs.table",function(e, row, $element) { var index = $element.data('i..原创 2022-05-12 23:00:41 · 11508 阅读 · 2 评论 -
释放焦点,解决回车时无限弹出的问题 layer回车确定 删除回车确定 新增/编辑/删除
新增/编辑success: function () { //释放焦点,解决回车时无限弹出的问题 $(':focus').blur();}删除//删除layer.confirm('删除记录，确定吗？', { icon: 0, success: function () { //释放焦点,解决回车时无限弹出的问题 $(':focus').blur(); //回车确定 this.enterEsc =原创 2022-05-10 15:49:15 · 722 阅读 · 0 评论 -
BootStrap H+ 解决部分版本浏览器下拉菜单被iframe挡住问题
问题现象：效果：<!--解决部分版本浏览器下拉菜单被iframe挡住问题--><button class="roll-nav roll-right J_tabCloseOther"><i class="fa fa-close"></i>其他</button><button class="roll-nav roll-right J_tabCloseAll"><i class="fa fa-window-clo.原创 2022-04-03 02:07:33 · 1124 阅读 · 0 评论 -
BootStrap新增/编辑页面模板 一行两列表单验证时不再整行报红
模板一<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <div th:include="common::commonCSS" th:remov.原创 2022-03-18 15:05:11 · 435 阅读 · 0 评论 -
select下拉框 不能复制的问题，select下拉框禁用回车打开事件，回车要用于查询 select实现placeholder效果
解决方法：user-select: all;<label for="serviceType" style="display: inline-block;width: 65px;text-align: right;line-height: 35px">类别：</label><select class="form-control" id="serviceType" style="user-select: all;width: 120px;margin-right:...原创 2022-03-15 16:34:25 · 3099 阅读 · 0 评论 -
BootStrap查询条件布局 卡片card 面板panel 工具栏 标题栏
卡片card示例1：<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <div th:include="common::common...原创 2022-03-15 11:19:44 · 1583 阅读 · 0 评论 -
搜索框 查询条件 label文字右对齐，input左对齐；垂直居中，display: inline-block，line-height，vertical-align: middle
<label for="serviceType" style="display: inline-block;width: 65px;text-align: right">类别：</label><select class="form-control" id="serviceType" style="width: 120px;margin-right: 5px"></select>style="display: inline-block;width: 6.原创 2022-03-08 16:41:58 · 973 阅读 · 0 评论 -
input type=“text“ textarea多行输入 单行输入 ＜input type=“text“＞ ＜textarea＞
单行 及 选择框(下拉框)<div class="form-group row"> <label class="col-md-2 col-sm-2 text-right" for="interviewStatus">面签状态：</label> <div class="col-md-4 col-sm-4"> <select class="form-control" id="interviewStatus" name="原创 2022-02-18 13:32:15 · 1459 阅读 · 0 评论 -
CDN如何下载历史版本源码 js css bootstrap
需求：当前最新版本是3.5.1 需要的版本是3.3.0BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务原创 2022-02-11 19:33:55 · 781 阅读 · 0 评论 -
bootstrap如何大于12栅格 12栅格不够怎么办 row嵌套
<!--bootstrap如何大于12栅格--><div class="container"> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-md-6">333333333333333333333 </div>.原创 2022-01-24 15:04:17 · 648 阅读 · 0 评论 -
子窗口向父窗体传参数(快捷新增) 区分普通新增与快捷新增 接收实体 进success函数 返回实体
html(区分普通新增与快捷新增)<!--子窗口向父窗体传参数(快捷新增)--><input id="childReturnDataSpeedAdd" name="childReturnDataSpeedAdd" type="hidden" value="childReturnDataSpeedAdd"/>js(接收实体 进success函数)//新增(种类规格)$("#btn_AddBrands").bind('click',function(){ ...原创 2022-01-19 14:03:27 · 584 阅读 · 0 评论 -
border-radius 圆角 4个角
border-radius: 4pxborder-radius: 4px 0px 0px 4px;<div class="input-group"> <input class="form-control" type="text" id="productClassifyname" name="productClassifyname" required="required" style="border-radius: 4px 0px 0px 4px;" th:value="${原创 2022-01-18 14:42:27 · 1605 阅读 · 0 评论 -
解决360浏览器刷新时会报“确认重新提交表单 您所查找的网页要使用已输入的信息”的问题 JS改变地址栏url而不跳转 history index login
360浏览器刷新时老是提示：确认重新提交表单您所查找的网页要使用已输入的信息。返回此页可能需要重复已进行的所有操作。是否要继续操作？//like12 add,20211223,bug,解决360浏览器刷新时会报“确认重新提交表单 您所查找的网页要使用已输入的信息”的问题if(document.URL.indexOf("login") != -1){ history.pushState(null,"","index");//JS改变地址栏url而不跳转 //window.locati原创 2021-12-24 00:11:46 · 4281 阅读 · 0 评论 -
清空按钮 一键清空 重置表单 $(“#form_Condition“).resetForm()需要引入jqueryform 否则无反应
//清空$("#btn_Clear").click(function() { $("#form_Condition").resetForm();});requirejs(['jquery','bootstrap','custom','bootstrap_table','bootstrap_table_CN','layer','jqueryform'],jqueryform:['https://cdn.bootcss.com/jquery.form/4.2.2/jquery.for.原创 2021-12-17 14:15:59 · 452 阅读 · 0 评论 -
bootstrap table选择框 selected
columns: [{ checkbox: true},{ title: '编号', formatter: function(value,row,index) { var pageSize = $('#tb_Table').bootstrapTable('getOptions').pageSize; var pageNumber = $('#tb_Table').bootstrapTable('getOptions').pageNumber; .原创 2021-12-16 22:43:57 · 1297 阅读 · 0 评论 -
bootstrap table表格 设置背景颜色 设置字体颜色cellStyle 显示隐藏列(更换工具栏图标) 固定列 导出(兼容全部导出时(all)) 调整列宽 日期格式化1970-01-01bug
cellStyle: function (value, row, index){ return {css:{'background-color':'#F3F3F4'}};}原创 2021-12-15 23:56:42 · 7442 阅读 · 0 评论 -
查询条件布局方式form-inline 查询条件(失败,不得行)
<!--查询条件(失败,不得行)--><div class="row" style="margin: 5px;padding: 5px"> <div class="col-md-12"> <div class="form-group row"> <div class="col-md-2"> <form class="form-inline"> .原创 2021-12-14 15:35:23 · 913 阅读 · 0 评论 -
bootstrap-table width无效。调整列宽，在td中嵌套一个div，调整div大小。无效 不起作用，html中style设置table-layout:fixed才起作用
columns: [{ field: '', title: '操作', align: 'center', //width: 80,//无效 不起作用，html中style设置table-layout:fixed才起作用 events: operateEvents, formatter: function (value, row, index){ var btnInfo=''; btnInfo += '<div style.原创 2021-12-14 01:05:42 · 1628 阅读 · 0 评论 -
带搜索功能下拉表格 suggest下拉框 bootstrap-suggest 下拉表格 下拉Grid BootStrap 下拉框多列 搜索提示插件 动态参数 下拉框弹出异常 suggestBtn
html<label class="col-md-2 col-sm-2 text-right" for="productName"><span class="text-danger">*</span>名称：</label><div class="col-md-4 col-sm-4"> <div class="input-group"> <input class="form-control" typ.原创 2021-12-01 16:25:00 · 733 阅读 · 0 评论 -
IDEA BootStrap 表格变颜色 自定义渲染 背景色 字体颜色 操作渲染 图片显示 图片渲染
方式一： 背景色{ field: 'useFlag', title: '是否启用', align: 'center', formatter: function (value, row, index){ if(dictionMapGlobal != null && dictionMapGlobal.length > 0){ var i = 0; while (i < dicti原创 2021-11-29 16:21:04 · 1577 阅读 · 0 评论 -
解决layer.css与bootstrap.min.css冲突 按钮颜色失真的问题 按钮颜色字体为灰色而不是黑色 模糊看不清楚 important使提升优先级 提升权重
解决方法：新增只的css文件 custom-qyj.css引入<link rel="stylesheet" href="/jslib/ga/custom-qyj.css"/>/*!like12 add,20211125解决layer.css与bootstrap.min.css冲突 按钮颜色失真的问题(reboot.scss的“color: inherit”导致layer强行继承了bootstrap的color)加!important使提升至最高优先级*/.layui原创 2021-11-25 17:30:46 · 581 阅读 · 0 评论 -
BootStrap 4种图片形式 image形式 img-rounded img-circle img-thumbnail img-responsive
img-roundedimg-circleimg-thumbnailimg-responsive<img id="img" class="img-rounded" height="150px" src="">原创 2021-11-18 16:05:46 · 796 阅读 · 0 评论 -
IDEA HTML js设置值 .value val() 赋初始值(赋默认值)(数据初始化) 普通下拉框(字典下拉框) 只读 绑定下拉框选值事件 选择 空格 Integer参数 input输入完成事件
document.getElementById("employeeName").innerHTML = data.employeeName;原创 2021-10-21 11:18:11 · 1363 阅读 · 0 评论 -
BootStrap form表单 实现 回车查询(html5 js)
BootStrap form表单 实现 回车查询第1步：将button的typ改为submit<button type="submit" class="btn btn-info btn-sm" id="btn_Search"> <i class="fa fa-search"></i>查询</button>第二步：js绑定自定义submit事件//回车查询$("#form_Condition").bind('submit', fu原创 2021-04-15 16:07:54 · 1132 阅读 · 0 评论