![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
那些年的代码
Java工作者
展开
-
Java Array二维数组使用
二维数组:元素为一维数组的数组package myArray.arrayarray;/**二维数组:元素为一维数组的数组** 定义格式:* A:数组类型[][] 数组名; (推荐用法)* B:数组类型 数组名[][];* C:数组类型[] 数组名[];* 初始化:* A:动态初始化* ...原创 2019-12-05 10:16:01 · 191 阅读 · 0 评论 -
java非空判断
是否为null 是否为"" 是否为空字符串(引号中间有空格) 如:" "。 制表符、换行符、换页符和回车一. 字符串1. if(str == null || str == "") 非空if(str != null && str != "")2.if(str == null || str.isEmpty()) ...原创 2019-12-05 10:20:16 · 861 阅读 · 0 评论 -
Java中判断数组是否为空
一维数组// 一维数组: int[] arrayif(array == null || array.length == 0) return true;二维数组//二维数组: int[][] arrayif((array==null||array.length==0)||(array.length==1&&array[0].length==0)) retur...原创 2019-12-05 10:20:23 · 398 阅读 · 0 评论 -
select2多选设置select多选,select2取值和赋值
select2设置select多选,select2取值和赋值,作为筛选条件的时候,取值相对简单,把选中的id值转为字符串传给后端查询,查询之后会刷新页面,为了在下拉框中显示刚刚选中的值,就需要给select赋值,可以将刚才传给后端的字符串再传回前端,然后转为一位数组,再赋值给select2就会显示刚刚选中的值,赋值方法:$('#id').val(arr).trigger('change'),id为...原创 2019-12-05 10:20:36 · 629 阅读 · 0 评论 -
bootstrap select 多选的用法,取值和赋值(取消默认选择第一个的对勾)
h5自带的select标签可以实现按住ctrl键多选的功能,但是样式及其难看。bootstrap select是很好用的前端插件首先引入bootstrap和bootstrap-select的css和js下载地址:https://download.csdn.net/download/lianzhang861/10617543 <link rel="stylesh...原创 2019-12-05 10:20:44 · 719 阅读 · 0 评论 -
Bootstrap select 多选并获取选中的值
代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script> <sc...原创 2019-12-05 10:20:48 · 1486 阅读 · 0 评论 -
Bootstrap select多选下拉框实现代码
前言项目中要实现多选,就想到用插件,选择了bootstrap-select。附上官网api链接,http://silviomoreto.github.io/bootstrap-select/.没有中文的。对付看吧。有机会每个方法实践一下,会总结的。我自己也等着呢。需要引用的它们? 1 2 3 4 5 6 7 ...原创 2019-12-05 10:20:52 · 210 阅读 · 0 评论 -
Bootstrap selectpicker 下拉框多选获取选中value和多选获取文本值
1.页面代码:页面引入:bootstrap-select.min.css和bootstrap-select.min.js、defaults-zh_CN.min.js文件,并初始化下拉选项框。带有下拉搜索样式的下拉框属性:data-live-search="true"下拉选项框可多选属性:multiple<div class="col-xs-6 col-...原创 2019-12-08 10:10:30 · 3362 阅读 · 0 评论 -
bootstrap-datepicker限定可选时间范围
一、应用场景实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制,如:开始时间不能大于结束时间,结束时间不能小于开始时间,此时就要为开始日期选择器和结束日期选择器动态的设置startDate和endDate的值。二、相关知识点1、bootstrap-datepicker的初始化引入bootstrap-datepicker.js和boot...原创 2019-12-09 10:18:13 · 672 阅读 · 0 评论 -
bootstraptable重新加载
bootstraptable需要彻底重新加载,发现即使url等参数更新过来仍旧无效。需要调用$("#resource_table").bootstrapTable('destroy');方法,将原表格销毁,再重新init()初始化一次即可。...原创 2019-12-09 10:18:17 · 248 阅读 · 0 评论 -
bootstrap table插件动态加载表头
这篇文章主要为大家详细介绍了bootstrap table插件动态加载表头,具有一定的参考价值,感兴趣的小伙伴们可以参考一下bootstrap的table属性已经很熟悉了,最近遇到一个问题,犹豫每个列表加载的数据需求不同,所以需要动态的更换表头。网上有很多加载表格数据的例子,但是却没有找到如何动态加载表格,再加在数据。 虽然可以一个表格加载一种数据,但是本着学习的态度尝试了下这种方式,...原创 2019-12-09 10:18:21 · 300 阅读 · 0 评论 -
关于bootstrap table 固定列宽
首先为table 设置style="table-layout:fixed;"<table id="assessStage" data-height="467" data-mobile-responsive="true" style="table-layout: fixed;"> </table>然后在下方columns 处设置wid...原创 2019-12-04 11:39:07 · 566 阅读 · 0 评论 -
bootstrap-select 从后台动态获取数据
通过以下代码从后台动态加载数据//绑定bootstrap-select事件 $orgid.on('shown.bs.select',function(e){ //为input绑定事件 $orgid.prev().find("input").keyup(function(){ //为input增加id属性,见下方截图 ...原创 2019-08-28 14:15:10 · 2881 阅读 · 0 评论 -
select二级联动(bootstrap-select)的问题
最近在做select下拉框二级联动的时候,出现一个很郁闷的问题,因为想要select样式,直接采用了bootstrap-select插件。jsp页面如下 <tr> <td><select class="selectpicker" οnchange="selectApar()" id="selectSex"> <opt...原创 2019-08-28 14:15:51 · 1127 阅读 · 0 评论 -
BootstrapTable 获取当前页、数据刷新后留在当前页
最近的项目中使用BootstrapTable组件进行开发,开发过程中遇到了这样一个需求: table分页后,对某页中的某条数据进行处理后,刷新表格,为了保证table的实时正确性,先进行table的destroy,然后获取新建table并获取数据 $('#bootstrapTableId').bootstrapTable('destroy'); $('#boo...原创 2019-08-29 10:17:17 · 3173 阅读 · 0 评论 -
bootstrap table分页时,在其他页面无法查询到数据
2018年09月25日 15:12:39lin694218943阅读数 372问题描述:1使用bootstrap table时遇到一个小问题,第一次查询数据未5页,翻页到第5页后,选中条件再次查询数据时,传到后端页码仍旧为5,而此时数据量小于5页,表格显示为未查询到数据。处理方式: 使用bootstrap table的参数刷新方法(refreshOptions),在查询按...原创 2019-09-04 13:55:12 · 315 阅读 · 0 评论 -
datagrid中动态显示或隐藏某一列的方法(根据条件判断显示和隐藏)
在datagrid中,我们常常根据条件想展示或者隐藏某一列,即动态展示某列1.在EasyUI中:1)展示某列的方法: $('#tt').datagrid('showColumn', 'XXX'); -----其中 XXX 是隐藏列的 field 属性值2)隐藏某列的方法: $('#tt').datagrid('hideColumn', 'XXX'); ----...原创 2019-09-05 11:43:07 · 3877 阅读 · 0 评论 -
Layui select配合input实现可输入,可选择,可搜索
1.前言今天遇到一个问题,客户要求select框可以自己输入,就是在下拉列表里找不到自己想要的选项就可以自己输入,同时还要支持模糊匹配功能,百度了一下,都是讲select配合input,input覆盖在select上面,同时又不完全盖住select,就可以实现,输入,和选择并存了,但是模糊匹配是一个问题。好了先看一张效果图。Video_2018-10-09_150251.gif...原创 2019-09-05 11:43:14 · 9645 阅读 · 5 评论 -
BootStrap实现带搜索的下拉框
前段时间在做一个小项目的时候,因为项目需求需要选择ip,然后就写成简单的Select下拉框进行选择,由于ip太多网段太乱公司人就说能不能实现一个带有搜索的下拉框,然后我通过学习发现BootStrap已经完美的实现了这个功能。我先看下俩次实现的效果1.这个是bootstrap的简单下拉框看着那么多的ip小伙伴们是不是也眼花缭乱了。2.下面是使用了带有搜索的下拉框,俩个比较一下还是...原创 2019-09-05 11:43:26 · 2483 阅读 · 1 评论 -
bootstrap-table表格详解实例
废话不多说,下面实例开始(可以直接拷)1.引入资源部分 <!-- jq --> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <!-- 样式 --> <link rel="stylesheet"...原创 2019-09-11 10:10:04 · 850 阅读 · 0 评论 -
bootstrap-table如何给行内添加操作函数及功能按键
$('#table').bootstrapTable('destroy');$('#table').bootstrapTable({//data:reet.data,url:'../data/yonghuguanli.json',//uniqueId: "SOBID",striped:true,pagination:true,clickToSelect:true,height...原创 2019-09-13 08:43:49 · 2818 阅读 · 0 评论 -
bootstrap-table的formatter列参数
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ include file="../../common/taglibs.jsp"%> <% String path = request.getContextPath(); ...原创 2019-09-13 08:43:54 · 2993 阅读 · 0 评论 -
bootstrap-table动态绑定字段?
bootstrap-table动态绑定字段3 回答HUH函数//使用ajax加载动态列的var columns = [];$.ajax({url: 'getColumns.action',type: 'post',data: data,dataType: "json",async: true,success: function (returnValue) {//...原创 2019-08-10 09:24:36 · 3762 阅读 · 0 评论 -
bootstrap table 动态列数
原文地址:https://my.oschina.net/u/2356355/blog/1595563据说bootstrap table非常好用,从入门教程中了解到它的以下主要功能:由于固定表头意味着固定的列,然而我需要做动态列数的表格啊。大致思路:bootstrap table在加载表格时,表格的内容按columns参数中的数组来填充。因此,通过动态地生成与columns参数中的数...原创 2019-08-10 09:25:32 · 1000 阅读 · 0 评论 -
bootstrap动态调用select下拉框
<script type="text/javascript" src="/js/appjs/bootstrap-select/bootstrap-select.js"></script><link rel="stylesheet" href="/js/appjs/bootstrap-select/bootstrap-select.min.css"/>需...原创 2019-07-10 17:46:34 · 427 阅读 · 0 评论 -
bootstrap中selectpicker下拉框使用方法实例
最近一直在用bootstrap 的一些东西,写几篇博客记录下。。。。bootstrap selectpicker是bootstrap里比较简单的一个下拉框的组件,先看效果如下:附上官网api链接,http://silviomoreto.github.io/bootstrap-select/.下拉框的使用上基本操作一般是:单选、多选、模糊搜索、动态赋值等,下面来看如何使用:使用方...原创 2019-07-10 17:28:45 · 1485 阅读 · 1 评论 -
【Bootstrap】Bootstrap-select多选下拉框实现
目录前言 需要引用的它们 核心选项 核心方法 实例应用回到顶部前言项目中要实现多选,就想到用插件,选择了bootstrap-select。附上官网api链接,http://silviomoreto.github.io/bootstrap-select/.没有中文的。对付看吧。有机会每个方法实践一下,会总结的。我自己也等着呢。回到顶部需要引用的它们&l...原创 2019-07-10 17:25:46 · 28854 阅读 · 6 评论 -
bootstrap-table表格客户端分页实例
一、前言1.使用bootstrap-table表格插件,只要有json数据格式的数据源,即可随心所欲2.本博客只展示了前端分页实例(PS:该插件两种分页方式:前端分页、服务端分页)3.废话不多说,实例开始二、实例demo1.引入资源部分 <script src="http://code.jquery.com/jquery-latest.js"><...原创 2019-09-11 10:09:50 · 294 阅读 · 0 评论 -
select搜索功能实现
select搜索功能实现最近在找工作 没时间写博客 现在找到了 就发发工作上的代码吧!今天我们说说select标签的搜索功能;拿到任务时,我先想到就是上网找资料,最后看到的都是各种jquery插件,实在是不好用 我现在又不是开发新的项目,没法乱用插件。最后只能自己想:ps(纯js实现)1.实现可编辑select,我的实现方式就是在原有的select内容显示框中假如input输入框...原创 2019-09-05 11:43:30 · 1008 阅读 · 0 评论 -
select下拉框添加搜索功能
需要引用jquery插件select2引入css <link href="/select2/4.0.5/css/select2.min.css" rel="stylesheet">引入js依赖于jquery.js<script src="/select2/4.0.5/js/select2.full.min.js"></script>...原创 2019-09-06 10:03:49 · 8344 阅读 · 0 评论 -
bootstrap框架下下拉框select搜索功能
之前用Easyui框架下做的下拉框选择,虽然可以搜索,但是有诸多的不便:比如,不能模糊匹配,必须按照第一个字母来搜索心血来潮,想换个框架写后台,然后用Bootstrap搭了个架子,然后两种样式冲突,百度了一把,找到了另一个牛逼的基于Bootstrap下拉框搜索功能的js不区分大小写,模糊匹配,哈哈,太棒了~~具体用法:<script...原创 2019-09-05 11:43:35 · 466 阅读 · 0 评论 -
selectpicker的使用方法
使用方法$('.selectpicker')泛指select的jq对象.selectpicker('val')获取select框中所有选中的值 $('.selectpicker').selectpicker('val', 'Mustard'); $('.selectpicker').selectpicker('val', ['Mustard','Relish']); 新方当使...原创 2019-09-06 10:03:53 · 2932 阅读 · 0 评论 -
bootstrap在iframe框架中实现由子页面在顶级页面打开模态框(modal)
我需要完成的效果:1.在顶级页面打开模态框,并且遮罩层也要再顶级页面2.单击遮罩层部分,模态框不关闭问题描述:不知为什么,可能是bootstrap前端框架添加遮罩层的一些问题。通过子页面在顶级页面打开模态框(modal),遮罩层竟然只在子页面显示。如下效果:1.主页面代码:<!DOCTYPE html><html> &...原创 2019-09-07 08:24:44 · 2370 阅读 · 0 评论 -
bootstrap model弹出框的使用
之前,我们讲解了bootstrap tab的使用,今天我们来了解下bootstrap 中model弹出窗的使用。效果:代码:<input id="btntext" type="button" value="添加文本组件"data-toggle="modal" data-target="#myModal" href="../SysManage/ZuJianManage.aspx"...原创 2019-09-07 08:24:51 · 440 阅读 · 0 评论 -
BootStrap table动态增删改表格内数据
1:添加一个【操作】列 2 3 4 5 { 6 title: "操作", 7 align: 'center', 8 valign: 'middle', 9 width: 160, // 定义列的宽度,单位为像素px10 formatter: function (value, row, index) { //传入数据11 ...原创 2019-09-08 07:48:18 · 1225 阅读 · 0 评论 -
JS组件系列——再推荐一款好用的bootstrap-select组件,亲测还不错
推荐下面两个地址,大佬的https://www.cnblogs.com/landeanfen/p/5013452.htmlhttps://www.cnblogs.com/landeanfen/p/7457283.html#_label0原创 2019-09-14 17:21:48 · 80 阅读 · 0 评论 -
selectpicker用法
$('.selectpicker').selectpicker({//初始化 style: 'btn-success',//显示样式 size: 20}); var str='3,4,5,6'; var arr=str.split(','); $('#usertype').selectpicker('val', arr);$("...原创 2019-07-10 17:21:56 · 7360 阅读 · 0 评论