![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 94
_修铁路的
工作是为了更好的生活,生活是为了更好的工作
展开
-
bootstrap-treeview 修改源码以实现文本text取值key可配置
写这篇博客的时候,脑海里一直在思考一个问题: 我修改 bootstrap-treeview 的源码,算侵权了吗?bootstrap-treeview是一个开源的插件,理论上来说是可以修改的,但总感觉有些怪怪的,平时也没注意到这块的信息,有没有对块这比较了解的大佬帮忙解答下。本着学习、分享和记录的心态,先记录下 bootstrap-treeview 修改源码以实现文本text和子集nodes取值可配置。我主业是Java后端,对前端只是稍有了解,修改的可能不是很规范,还忘大家包涵和指...原创 2020-11-18 20:21:30 · 486 阅读 · 1 评论 -
bootstrap-table CheckBox点击获取当前选中/取消当前行对象,设置CheckBox默认选中
今天维护以前老项目时,碰到需要监听获取bootstrap-table CheckBox 的选中和取消事件,并做不同的处理,找了会才试出正确的方法,特此记录下。因为当前业务是需要选中立即提交,所以就不能用选中后获取当前所有选中的行批量提交的方式,只能是单条选中/取消实时请求接口。//获取当前选中的行对象 $("#dataGrid").on("check.bs.table", function (e, row, $element) { //点击CheckBox触发事原创 2020-11-12 14:22:29 · 5503 阅读 · 2 评论 -
bootstrap-fileinput 上传失败后默认清除当前已选文件
bootstrap-fileinput 上传失败后默认清除当前已选文件,并可以再次正常上传$("#myfile").fileinput({ language: 'zh', uploadUrl: u.formatApiUrl(importUrl), //文件上传地址 maxFileCount: 1, //上传数量限制 allowedFileExtensions: ["zip"], browseClass: "btn .原创 2020-08-02 17:06:04 · 2454 阅读 · 0 评论 -
JS开发代码片段【持续更新】
记录日常开发中的JS代码片段1.bootstrap table 加载完成事件及默认选中//表格加载完成,默认设置第一条选中 ,dataGrid 为bootstrap table ID $("#dataGrid").on('load-success.bs.table',function(data){ //设置第一行默认选中 var $trObj...原创 2019-12-28 10:26:34 · 210 阅读 · 0 评论 -
Jquery 页面刷新回到顶部
使用Jquery 设置刷新页面时,自动回到页面顶部$("html,body").animate({ scrollTop: 0, screenLeft: 0, }, 400); //400 是设置页面回到顶部时的速度,越小越快。将上面这段js代码放在页面或者是项目公共js中引入即可...原创 2019-10-30 09:23:46 · 1854 阅读 · 1 评论 -
iframe 父子页面间方法/属性互相调用
父页面调用子页面父页面调用子页面方法:$("#mainfrm")[0].contentWindow.test(); //mainfrm 父页面ID ; test() 子页面中的方法父页面获取子页面元素对象:$("#iframe-task").contents().find("#path"); //path 子页面元素id子页面调用父页...原创 2019-07-19 16:01:55 · 375 阅读 · 0 评论 -
前端下载项目中的资源文件或者是服务器中的文件,同时解决文件名中文乱码问题
场景: 今天完善项目时,需要用到模板下载功能,模板我是放在 resource/static 下,然后觉得没必要走后端下载,浪费服务器资源,想直接通过前端调用浏览器下载,经过win10的edge和Chrome浏览器测试,达到我的预期要求: 前端下载 和 解决文件名中文乱码问题 ,但变态IE还是不支持,很可惜,因为客户也几乎不用IE,所有这个对我本次影响不大,到时提醒下客户就好,特此...原创 2019-06-21 09:46:21 · 3642 阅读 · 0 评论 -
利用 cookie,实现在html页面 记住我 功能
场景: 在平时,我们经常可以在页面中看到记住我的功能,如下图示例,在客户端保存用户输入的登录信息,在我们设定的过期时间内,用户再次访问当前页面时,无需重复输入账号密码信息,方便用户下次进行登录操作,一下例子即为实现该功能记录。实现代码:<!DOCTYPE html><html lang="en"><head> &...原创 2019-04-14 10:24:20 · 5078 阅读 · 0 评论 -
bootstrap-datepicker 设置开始时间小于结束
页面自行引入 jquery.min.js / bootstrap.min.js / datepicker.css / bootstrap-datepicker.js 等 页面结构:<div class="span6"> <div class="control-group"> ...原创 2018-12-14 15:44:11 · 1207 阅读 · 0 评论 -
天地图(全国版)根据已知点集合绘制直线
场景: 最近又开始整天地图了,先前整的是福建省的,这次整全国版的(http://lbs.tianditu.gov.cn/),省级的和全国的天地图用的竟然是不一样的,国家搞一套,省级搞一套,市级不知道是不是又是一套,作为开发人员,觉得这个好难受,好坑,特别是已经做好了,又突然要改的。这次遇到要根据已知的点在地图上画线,简单来说就是绘制历史轨迹,省级的示例页面上直接有方法,这边不多...原创 2018-10-20 15:51:58 · 3839 阅读 · 1 评论 -
标签设定指定宽度,超出部分自动变成省略号,鼠标悬浮展示全部
今天在看前端页面,发现一个实用技能(很多朋友早已经玩烂的技能 哈哈……),对某个指定宽度的标签,当文本内容超出当前设定的宽度时,超出部分变成省略号,鼠标悬浮,显示全部内容。 display: block;width: 170px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-overflo...原创 2018-09-14 15:16:58 · 3679 阅读 · 2 评论 -
引用js时,进行参数传递
场景: 最近在开发过程,因为生产环境和开发环境不同,工程中有调用天地图的服务,有引用相对应的资源文件,在 GeoGlobeJS.min.js 中几个服务地址(矢量底图服务、矢量注记服务、影像底图服务、影像注记服务) ,因为我是在官网上下载的,所以默认地址都是互联网的,而生产环境不一定是在互联网上,需要根据环境,动态的进行服务地址替换,这时就需要将这几个地址做成参数进行动态赋值传递。 通...原创 2018-05-03 11:04:57 · 2495 阅读 · 0 评论 -
iframe 根据子页面找到当前父页面的元素对象
场景: 有时候,在iframe中的子页面需要调用父页面,甚至是父页面的兄弟标签对象。方法: 1. iframe 在子页面中获取父页面的元素对象 $("#iframe-main", window.parent.document) // iframe-main : iframe 父页面的ID 2. 获取到父页面对象后,原创 2018-01-16 16:42:48 · 689 阅读 · 0 评论 -
bootstrap table 显示序号,分页有效
{ field : 'Number', title : '序号', align: 'center', width: 20, formatter : function(value, row, index) { //return index + 1;...原创 2017-11-03 16:00:49 · 7436 阅读 · 5 评论 -
Bootstrap --表格菜单和胶囊式菜单
Bootstrap –表格菜单和胶囊式菜单1.新建一个html / jsp ;2.在新建的 html /jsp 中导入 bootstrap.css<link rel="stylesheet" href="../css/bootstrap.css">1).创建表格菜单引用class: nav nav-tabsli 中的 class =”active” 表示默认选中该菜单选项<div cl原创 2016-11-08 23:15:38 · 4790 阅读 · 0 评论 -
Js 操作json
在 JavaScript 中操作 json 字符串:1.创建 json 字符串: var saveMenuJson = [];2. 获取的当前 json 字符串长度:function getJsonObjLength(jsonObj) { var Length = 0; for (var item in jsonObj) { Length+原创 2017-07-21 10:49:39 · 260 阅读 · 0 评论 -
jquery无刷新添加和删除input输入框 增加减少input框
一、页面代码添加更多的input输入框 × 二、脚本 $(document).ready(function() { var MaxInputs = 8; //maximum input boxes allowed var InputsWrapper = $("#InputsWrapper")转载 2017-05-31 20:38:57 · 3321 阅读 · 3 评论 -
自定义 jquery.validate.js 校验方法
jquery.validate.js 是一个前端 form 表单校验插件,本文主要记录改插件的默认验证方法和自定义拓展验证方法原创 2017-05-22 16:33:10 · 2769 阅读 · 0 评论