-
bootstrap多层模态框滚动条消失的问题
所属栏目：[安全] 日期：2020-12-18 热度：80
bootstrap 打开多层模态框的情况下，关闭任意一个模态框，都会导致其余模态框的滚动条消失。 监测html发现，当打开模态框时，会给 body 元素加一个 modal-open 的 class，而在 bootstrap.css 中，有这样一条 css 规则： 因为有 overflow-y:auto，所以模态框[详细]
-
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
所属栏目：[安全] 日期：2020-12-18 热度：72
项目需要实现权限管理，使用前端框架bootstrap，所以就直接选用了bootstrap的treeview扩展插件。先上图： 选中父节点时，父节点下所有子节点也都全部选中，看代码 1、HTML代码 TreeView Checkable 2、Json数据 return defaultData; } 3、JS数据绑定，加载Tre[详细]
-
bootstrap table插件的分页与checkbox使用详解
所属栏目：[安全] 日期：2020-12-18 热度：82
今天需要实现这样一个功能，有checkbox列表可供选择，要选择不分页之间的行并保存 最终实现的功能如图：（图片来自网上） 具体实现 首先，来看具体的代码，这里只截取实现功能所需代码 /** 表格操作 */ //表格分页之前处理多选框数据 _responseHandler:funct[详细]
-
基于Bootstrap的标签页组件及bootstrap-tab使用说明
所属栏目：[安全] 日期：2020-12-18 热度：169
bootstrap-tab bootstrap-tab组件是对原生的bootstrap-tab组件的封装，方便开发者更方便地使用，主要包含以下功能： tab页初始化关闭tab页新增tab显示tab页获取tab页ID 使用 Step1 ：引入样式 Step2：引入脚本 Step3：使用 参数和方法说明 参数说明 方法说明[详细]
-
以BootStrap Tab为例写一个前端组件
所属栏目：[安全] 日期：2020-12-18 热度：65
介绍 本文以Bootstrap标签页组件为例，介绍如何编写或者封装一个前端组件，以下是实现效果： 原生的Bootstrap-tab组件主要有html,css组成，开发者使用时，需要写很多代码，不易于使用，对bootstrap-tab封装后，可以更方便地使用，同时提供关闭、增加tab页、[详细]
-
BootStrap的双日历时间控件使用
所属栏目：[安全] 日期：2020-12-18 热度：97
这段时间看了下bootstrap的时间控件，发现使用起来还是很简单的，趁着有时间的时候整理了一下，方便自己以后忘记的时候查阅。。。 废话不多说先上效果图 接下来是代码实现 第一步当然是导入css、js之类的文件啦 后面那个时期样式图片样式 日期控件样式 momen[详细]
-
Bootstrap datepicker日期选择器插件使用详解
所属栏目：[安全] 日期：2020-12-18 热度：120
bootstrap是与jquery.js文件一起结合起来一起用的，缺少任何一个文件都不可以。 datepicker插件一般用于在文本框中选择日期，通过在表中选择日期，从而将日期显示在文本框中。因为datepicker.js默认是英文的，如果需要显示中文日期，则需要引入该插件的中文[详细]
-
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
所属栏目：[安全] 日期：2020-12-18 热度：121
具体代码如下所示： find.html 字符查找 序号 姓名 性别 年龄 分数 {{$index+1}} {{stu.name}} {{stu.sex}} {{stu.age}} {{stu.score}} 截图： 以上所述是小编给大家介绍的Bootstrap + AngularJS 实现简单的数据过滤字符查找。编程之家 jb51.cc 收集整理的教[详细]
-
BootStrap selectpicker后台动态绑定数据的方法
所属栏目：[安全] 日期：2020-12-18 热度：83
本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法，供大家参考，具体内容如下 html部分代码 这是一个下拉多选框，现在要动态往里添加下拉选项。 js代码 关键在于$(".selectpicker" ).selectpicker('refresh'); 如果没有这句数据是绑定不进去的[详细]
-
BootStrap Fileinput上传插件使用实例代码
所属栏目：[安全] 日期：2020-12-18 热度：68
0、效果图 1、引入js、css（建议css放在html头部，js加载在html底部） 2、html //上传按钮 multiple为可多文件上传 //保存文件路径 3、初始化 ' },previewFileExtSettings: { 'doc': function (ext) { return ext.match(/(doc|docx)$/i); } } }); 4、回调方[详细]
-
基于BootStrap multiselect.js实现的下拉框联动效果
所属栏目：[安全] 日期：2020-12-18 热度：183
背景：当option特别多时，一般的下拉框选择起来就有点力不从心了，所以使用multiselect是个很好的选择，可以通过输入文字来选择选项很方便，但是有一个需要下拉框联动，网上找了半天才找到解决方法，在此分享一下 1、先引入 然后全局定义 ',ul: ' ',filter:[详细]
-
bootstrap datepicker插件默认英文修改为中文
所属栏目：[安全] 日期：2020-12-18 热度：71
datepicker插件默认为英文，而且格式为：mm/dd/yyyy这种情况，看起来不怎么直观。 修改目标： 1、默认显示为中文 2、格式为：yyyy年mm月dd日 需要修改两个地方： 1、更改datas对象， 增加zh-cn语言选项；参见源代码的1419行 红色部分为新增部分。 2、修改默[详细]
-
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
所属栏目：[安全] 日期：2020-12-18 热度：149
背景 最近在使用Bootstrap table ，有一个在某一列添加一个下拉列表，并且通过 “getAllSelections”方法获取所选行的需求，在实现这个功能的时，走了一些弯路，遇到了一些坑。所以今天总结出来，既是自己的学习，也分享给大家，希望能够有些帮助。 如何解决[详细]
-
BootStrap导航栏问题记录
所属栏目：[安全] 日期：2020-12-18 热度：148
今天完成的事情：（实现了test9的响应式导航栏的垂直平分和下拉列表的居中问题。） 我觉得最麻烦的就是要在bootstrap的格式下修改。我弄了好多次demo来虐导航栏。但是一直都没有头绪。知道昨晚在完玩狼人杀后，突然灵机一闪。 能不能通过内部的固定高度，来[详细]
-
在ABP框架中使用BootstrapTable组件的方法
所属栏目：[安全] 日期：2020-12-18 热度：91
一、关于ABP ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称，它是一个成熟的开源框架，基于DDD+Repository模式，自带Zero权限和认证模块，避免了从零开始搭建框架的烦恼。关于ABP的框架优势就此打住，因为这样说下去要说三天三夜，脱离文本[详细]
-
基于 Bootstrap Datetimepicker 联动
所属栏目：[安全] 日期：2020-12-18 热度：96
先看一下 层级联动的案例 先选择前面时间后 后面的时间不要超过前面的时间 先选择后面的时间后，前面的时间不要少于后面的时间 下面看封装代码 初始化datetimepicker及起止时间双向联动公共方法 startTime:起始时间输入框id号，例如：' #archiveStartTime' e[详细]
-
Bootstrap与Angularjs的模态框实例代码
所属栏目：[安全] 日期：2020-12-18 热度：52
先给大家展示下效果图，感兴趣的朋友参考下实现代码吧 效果图如下所示： Title 总结 以上所述是小编给大家介绍的Bootstrap与Angularjs的模态框实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持[详细]
-
分享Bootstrap简单表格、表单、登录页面
所属栏目：[安全] 日期：2020-12-18 热度：71
1.表格 表格 条纹状表格 编号 姓名 性别 年龄 地址 带边框表格 鼠标悬停 紧缩表格 编号 姓名 性别 年龄 地址 状态类 编号 姓名 性别 年龄 地址 2.表单 表单 文本域 多选和单选框 多选: 单选: 一行显示： 多选: 单选: 下拉列表： 请选择 技术部 研发部 后勤部[详细]
-
使用bootstraptable插件实现表格记录的查询、分页、排序操作
所属栏目：[安全] 日期：2020-12-18 热度：53
在业务系统开发中，对表格记录的查询、分页、排序等处理是非常常见的，在Web开发中，可以采用很多功能强大的插件来满足要求，且能极大的提高开发效率，本随笔介绍这个bootstrap-table是一款非常有名的开源表格插件，在很多项目中广泛的应用。Bootstrap-table[详细]
-
bootstrap table表格客户端分页实例
所属栏目：[安全] 日期：2020-12-18 热度：52
一、前言 bootstrap-table是非常方便好用的前端表格分页插件，使用者只需要提供数据源就能实现非常完美的分页效果，其分页方式可以分成客户端分页和服务端分页，其接收的数据源都是json数据格式。服务端分页在项目中应用得非常的广泛，但有时也需要使用客户[详细]
-
bootstrap Table插件使用demo
所属栏目：[安全] 日期：2020-12-18 热度：168
最近研究bootstrap，它仅提供视觉效果，对于数据列表之类的并未涉及，网上找了一下，找到一个Table插件。 名为bootstrapTable。 官方地址：http://bootstrap-table.wenzhixin.net.cn/examples/ github:https://github.com/wenzhixin/bootstrap-table 因为英[详细]
-
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文
所属栏目：[安全] 日期：2020-12-18 热度：91
bootstrap-fileinput源码： bootstrap-fileinput在线API： bootstrap-fileinput Demo展示： 这个插件主要是介绍如何处理图片上传的处理操作，原先我的Excel导入操作使用的是Uploadify插件，可以参考我随笔《》，不过这个需要Flash控件支持，在某些浏览器（如[详细]
-
在iframe中使bootstrap的模态框在父页面弹出问题
所属栏目：[安全] 日期：2020-12-18 热度：187
这几天在写项目的中，页面使用了iframe，然而在子页面中使用bootstrap的模态框时发现：弹出的模态框位置是以子页面为标准居中的，并且遮罩层也只有子页面那一部分，整个页面简直无法直视，所以思考可以可以让模态框以父页面为标准弹出，经过在网上查找资料，[详细]
-
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和
所属栏目：[安全] 日期：2020-12-18 热度：170
前言 最近在研究bootstrap table的表格的单元格编辑功能，实现点击单元格修改内容，其中包括文本（text）方式修改，下拉选择（select）方式修改，日期（date）格式修改等。 本文着重解决x-editable编辑的数据动态添加和显示数据为Empty的问题，还有给表格单[详细]
-
AngularJs+Bootstrap实现漂亮的计算器
所属栏目：[安全] 日期：2020-12-18 热度：123
之前看到一个试题，要求用angularJs和Bootstrap写一个简单的计算器，通过百度，发现没有什么好的例子，所以呢，我就把自己写的一个例子发出来给大家。（大牛勿喷） HTML代码: 计算器 AngularJs代码: 0){ $scope.shuzi="-"+$scope.shuzi; }else{ $scope.shuzi[详细]
