Front-end Technology
dev_hui
点滴积累,点滴分享
展开
-
Echarts 自定义提示框内容
在echarts中自定义提示框内容1、期望效果以柱状图为例,在鼠标滑过每个数据标签时,为了更友好地显示数据内容,需要对显示的数据内容作格式化处理,添加自定义内容。如下图,鼠标滑过每个数据项时,第1张是默认提示框;第2张是处理成百分比数据后,显示当前单个数据项的提示框;第3张是处理成百分比数据后,显示当前横坐标下多个数据项的提示框。图1、默认提示框.jpg...转载 2019-11-28 17:42:49 · 1138 阅读 · 0 评论 -
js笔记 通过点击事件跳转到页面上指定锚点(位置)
对于网页编程开发人员来说,在网站页面开发的过程中,有时候我们需要实现当点击一个按钮或者超链接时,立刻滚动跳转定位到本页面中指定的位置。对于大多数的编程老手来说,这些都不是什么难事,但对于一些新手或者没有深入学习编程开发的人来说,可能不知道如何去实现,在这里就和大家分享一下html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码。 这里主要分为两种情况,分别是...转载 2019-09-23 15:58:06 · 8831 阅读 · 0 评论 -
百度富文本编辑器UEditor 的引入及简单应用笔记
由于最近项目中页面开发用到了UEditor ,所以在此写一遍简单的使用笔记,以供各位同行参考,希望有所助益。本文将对UEditor 的引入,图片上传及回显。1.UEditor的引入 1.1 下载响应的UEditor版本,下载地址:https://ueditor.baidu.com/website/download.html#ueditor 本人项目...原创 2019-08-21 16:57:20 · 872 阅读 · 0 评论 -
js笔记 为选中的class 对应的style中的属性赋值
给选中的class 对应的style中的属性赋值 demo:jsp代码段:<div class="tbtShow" style="display: none;"> <label class="col-xs-3 control-label text-right">hs编码:</label> <div class="col-xs-9"...原创 2019-08-01 12:32:04 · 1108 阅读 · 0 评论 -
WdatePicker日期控件 的引入及使用笔记
1. 下载WdatePicker日期控件。下载链接:https://pan.baidu.com/s/1v3xv0XQIG6O624RGMOk84g 提取码:igcb2. 下载完成后 解压,将解压后的文件夹 copy 到 你的项目里面(具体位置自己决定)。3. 在你需要用到WdatePicker日期控件的jsp页面中引入WdatePicker.js 如下所示:<script ...原创 2019-07-31 18:53:58 · 1366 阅读 · 0 评论 -
echarts关系图 笔记(一)
前两天在做一个关系图时,一直报如下异常:Uncaught TypeError: Cannot set property 'dataIndex' of undefined at r.s.update (echarts.min.js:36) at t.exports (echarts.min.js:30) at i.getInitialData (echarts.min.j...原创 2019-07-30 21:16:02 · 912 阅读 · 0 评论 -
Echarts X轴内容过长自动隐藏,鼠标移动上去显示全部
使用echarts图表做页面展示的时候,当X轴内容过长时,之前一直用的 '\n'换行(将字符串根据需要分成两行来展示),这样有很大的局限性(如内容过长的话 分成两行也放不下,而且也会影响美观),后来发现可以通过设置自动隐藏,鼠标移动上去显示全部名称的方法 来做,效果会更好。1. 首先在 x轴上添加triggerEvent: true。如下红色部分:xAxis: { data...原创 2019-07-29 14:53:02 · 5243 阅读 · 1 评论 -
js笔记 通过js 填充到jsp 的html内容,其中的点击事件 不生效 解决方法
因为业务上的需要,有时候我们的jsp页面中的 html 内容需要通过js 动态的进行填充,这样可能会碰到一种情况— 如果js 动态填充的内容 中含有我们的页面事件(如点击,切换等),这时候 我们在通过jquery 选择器 去绑定事件 可能会失效,达不到想要的结果。填充的html片段如下:var html_major = '';var majorListSize = majorList...原创 2019-07-29 13:06:03 · 484 阅读 · 0 评论 -
js笔记 web页面打印功能
页面打印功能:1. jsp页面在引入jquery的基础上,再引入 jquery.PrintArea.js 文件。2. $('#打印区域 的 id').printArea();即可完成打印功能。demo:jsp 页面添加如下内容: <div class="chart_title mlr20" id="printArea"> <p>在册法...原创 2019-07-08 17:54:46 · 271 阅读 · 0 评论 -
js笔记 当前页面携带大量参数原页面跳转到另外的页面的问题
//点击-页面跳转触发事件$('#imageAnaBtn').on('click', function () { //其他代码 //...... document.write("<form action='/imageDiscern/initBatchBodyImageTu' method='post' name='toOtherPage' style...原创 2018-12-25 15:46:57 · 1734 阅读 · 0 评论 -
js笔记 dataTable 中 ajax 请求 从第二次开始触发请求事件,却不再发送请求的问题
demo如下(红色部分是解决方法)://请求触发事件$('#imageAnaBtn').on('click', function () { // ...其它代码... //如果base_table对象已存在 则销毁;其中base_table是全局变量。 if (base_table != undefined && base_table != "un...原创 2018-12-24 10:41:46 · 1295 阅读 · 0 评论 -
js笔记 $.ajax,$.get等请求成功,却不执行function()中的程序,而是进入error回调函数 问题分析
此问题虽小,但前后台不会报错,初次遇到一时不易排查,需警惕。demo如下:js代码:请求方式一:$.ajax({ url: '/populationDataShow/getCurrentTimeInfo', type: 'get', dataType: 'json', success: function (data) { $('#curr...原创 2018-11-26 15:21:32 · 4805 阅读 · 1 评论 -
$.post() 和 $.get() 如何同步请求
由于$.post() 和 $.get() 默认是 异步请求,如果需要同步请求,则可以进行如下使用:在$.post()前把ajax设置为同步:$.ajaxSettings.async = false;在$.post()后把ajax改回为异步:$.ajaxSettings.async = true;demo:function eachShireInterfaceCallInfo() ...转载 2018-11-22 10:37:39 · 1572 阅读 · 0 评论 -
js笔记 js通过地图展示某省或市的某些信息指标
1. 引入相应地图的 .json文件,放入到项目下(WEB-INF/views/js/lib/mapJson/xian.json),可根据情况自己选择存放目录。2. 在jsp文件中定义一个div 用来容纳地图:<div style="width: 500px;height: 500px" id="studentOrSchoolAreaDistribution"></...原创 2018-11-22 09:23:11 · 891 阅读 · 0 评论 -
js笔记 jquery 获取当前对象及相关的一些处理问题
demo1: 需求:同时获取 分类和周期 两个指标的编码,传到后台。代码:jsp:<div class="choose-tab text-center"> <i class="tips">分类:</i> <span class="statisticType cur" code="1">数据总条数</span>...原创 2018-11-19 12:56:26 · 488 阅读 · 0 评论 -
jQuery ajax的traditional参数的作用
在ajax传参采用分割符隔开的字符串来传到后台,然后在后台进行分割。这导致了传递的参数中不能包含逗号,影响程序的安全性。本文介绍的这种方法确实很适合类似的情况。一般的,可能有些人在一个参数有多个值的情况下,可能以某个字符分隔的形式传递,比如页面上有多个checkbox:$.ajax{ url:"xxxx", data:{ p: "123,4...转载 2018-09-07 18:40:30 · 154 阅读 · 0 评论 -
js笔记 springmvc接收数组类型参数碰到的问题
前端js代码:var addLabels = $('#added_labels input:checkbox');var labelsArr = [],frwybs = '325614552566x';$.each(addLabels,function (i,obj) { labelsArr.push(obj.value);})$.ajax({ url:'/corp...原创 2018-09-07 18:04:19 · 877 阅读 · 0 评论 -
js笔记 通过jquery remove方法怎么删除一个div中被选中的checkbox和它后边的值?
<div class="add_label_tree" id="added_labels"> <input type="checkbox" class="addedLabels" value="0">666 <input type="checkbox" class="addedLabels" value="1">777</div>...原创 2018-08-23 13:05:22 · 2037 阅读 · 0 评论 -
echarts字符云 笔记(一)
目前echarts3中的字符云问题并不能直接使用,当前在引入正常的 echarts.min.js 后,会报错如下:Uncaught Error: Component series.wordCloud not exists. Load it first. at Function.t.getClass (echarts.min.js:11) at i.<anonymous&g...原创 2018-08-13 09:54:27 · 2574 阅读 · 0 评论