前端
不善言谈者
这个作者很懒,什么都没留下…
展开
-
vue树形菜单复选功能
效果图首先是tree组件 <ul class = "menu-tree"> <li v-for = "(item,index) in menus" :key = "index"> <!-- 遍历menus--> <div :class = "{'itemTree':true,'active':actId == item.nodeId}" @click = "selectItem(item)"> <d原创 2021-09-17 15:25:51 · 1473 阅读 · 2 评论 -
echarts统计图保存成图片,兼容IE
在使用echarts做统计表时,有用户需要将统计图下载成图片,使用echarts原来的按钮,发现在IE下没反应,而且在谷歌上需要点两次(第一次生成图片,第二次下载图片),于是上网搜了相关信息后,整合下,成了下面的代码.在本人的应用下,谷歌个IE都能下载//注:使用[X]字段名[/X]并在事件规则中使用doc.s("字段名","数值")来动态修改报表数据var myChart = echarts.init(document.getElementById('body')); option = {原创 2020-12-14 17:32:40 · 536 阅读 · 0 评论 -
easyui的easyui-datebox只显示年份-月份,且月份修改成中文
由于项目是从月到月,不想让用户选择日期,再从日期中取月份.想一步到位.然后去网上找了现有代码,发现网上的代码在本地还是只显示日期,没有显示月份.也许是大家用的版本不同.于是做了一些调整后,可以达到目的.并且加上了将月份改成中文的代码var monthsArr=['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'];function setDateSe(fdID){ var c = $('#'+fdID).datebo原创 2020-12-10 17:30:46 · 1002 阅读 · 0 评论 -
FileSaver.js下载文件简单demo
想把自己写的一份问题总结文档转成html好查看,还能进行增加操作,不想通过后端的io流,于是上网查了下,发现FileSaver.js可以实现前端的下载操作,于是就写了一个简单的demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3原创 2020-06-19 09:54:39 · 6546 阅读 · 0 评论 -
table禁止标题行随数据行滚动的简单实现
在工作中,总是会遇到列表展示,在列表展示时,会要求标题行不动,其余数据行滚动情况.如果有框架,那么使用框架是最简单的.那么不使用框架时,怎么办呢?那就是抄框架的底层实现.如果不想抄框架,那就自己去实现,我暂时有三种实现思路1.不使用table,而是用div画表单,这样的话,我们只需要将标题行所在的div固定不动就行了2.单个table,这个时候,可以通过js加css,来使得首行不动,只有数据行滚动3.使用三个div,两个table来实现,我今天主要讲的也是这种实现方式实现思路:三个div,原创 2020-05-29 16:00:34 · 655 阅读 · 0 评论 -
table列排序以及鼠标移动到行动态框显示行信息
对于table的排序,有两种做法,一种是与后台交互,重新取数据,一种是直接在前端进行排序.至于选用两种方法,具体问题具体分析.根据自身面对的业务来选取本文只演示了前端排序的方式,至于后端主要是sql语句问题.思路:思路其实不复杂,简单来说,就是将所有的数据放到对应的数组(容器)中,然后对要进行排序的列进行排序(升序或降序),将排好的数组和原数组对比,如果值相等,取其它列对应数组中对应index的值,填到对应的行中.这种排序,也可以使用现成的工具类,不过我是从网上找了一个手动实现的,直接拿来进行修改和使原创 2020-05-09 16:48:42 · 626 阅读 · 0 评论 -
输入框自动联想功能demo
思路:简单来看,是创建一个输入框,然后给输入框绑定事件.当事件触发后,在输入框的正下方生成一个临时的选择列表.选中列表后,将数据回写到输入框,列表消失.下面是从网上找的两种实现方式的demo,至于哪种好用,根据自身情况来考虑第一种,使用工具类,比如jquery-ui.js<!DOCTYPE html><html> <head> <meta...原创 2020-05-08 16:36:40 · 1713 阅读 · 0 评论 -
动态修改esyui的datagrid的列值
最近做了一个需要动态修改esyui的datagrid某行某列的值,在网上找到了如下的方法,试过可行,在此记录一下,以供日后便于查找// 得到rows对象var rows = $('#dg').datagrid("getRows"); // 这段代码是//对某个单元格赋值,如果知道列字段名称rows[1].COUNT="测试滚滚滚";//第二行,COUNT字段//如果不知道列字段名称...原创 2020-04-21 16:47:23 · 371 阅读 · 0 评论 -
iframe高度设置demo以及水印的简单添加
不是专业人士,只说自己的一些看法.对于iframe 的高度设置,如果父和子都能操作,那么可以在父或子中执行.一般是通过iframe的id来获取对象进行设置:父页面:window.onload=function() { var doc = document.getElementById("ifDemo") var docWin = doc.contentWindow || ifr...原创 2020-04-10 17:29:22 · 1584 阅读 · 0 评论 -
文字移动展示
在前端开发中,总是会遇到文字块移动展示的需求,关于着这样的功能,我现在只知道两种方式.第一种,给对应的div定义一个class,在样式中对class进行配置第二种,使用marquee 标签两种方式殊途同归,看个人喜好.如果是我,我会用第二种,因为我人懒,喜欢用现成的<!DOCTYPE html><html> <head> <meta ch...原创 2020-03-03 17:23:39 · 319 阅读 · 0 评论 -
url传参带有中文
参数中带有中文,是一个很讨厌的问题,因为中文传参,用谷歌打开正常,用IE报错.用tomcat8.5以下正常,用8.5以上就报错.所以,不过呢,还在问题不难解决.本人仅知道两种方式:1.对参数内容进行编码fdVal= encodeURIComponent("中国"); 2.对整个url进行编码var url =encodeURI("*****&country="中国");两...原创 2020-01-06 15:37:11 · 2183 阅读 · 1 评论 -
前端自定义地图
制作地图功能,我暂时只有两个思路,第一种,利用移动div,第二种,利用标签map和area的组合第一种,移动div,当用户需要生成地图链接时,生成一个可移动化,大小可变的div,由用户自行拖动和改变大小,当用户确定好位置和大小后,让用户输入需要的链接最后,再将整个页面进行转码存到数据库中,前端展示时,将转码的数据取出再解码就行了.第二种,map标签,给用户几个框,分别是形状,大小,链接等,当...原创 2020-01-02 17:00:37 · 2747 阅读 · 0 评论 -
js获取表单各行各列的值,包括input文本框和单选按钮
最近所做的项目需要取出table中各行各列的数据进行操作,因为一些原因,没有找到什么好方法,只能用js来操作.<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="tex原创 2018-11-07 16:07:18 · 2077 阅读 · 0 评论 -
开发遇到问题(1)
由于本人以前长时间写后端,对前端的东西不是很懂.新公司项目,需要自己写前端,在做项目的过程中,磕磕碰碰,一个资料需要查找半天才能找到解决的办法.为了避免这种情况在日后发生,特地将一些问题放在这里,以便日后查阅.jquery赋值, $(“#id”).atter(value,value);//在特殊场合会失效,只能用一次.多次赋值使用 $(“#id”).val(value);//多次赋值使用...原创 2018-10-26 16:02:51 · 568 阅读 · 0 评论 -
echarts折线图案例基于echarts-plain.js
最近接触前端,要写个报表,但是由于公司用的是echarts-plain.js,导致我在网上找到的许多属性设置的东西由于就是不同而失去作用.使用echarts-plain.js时,dataView不会显示表格,只会显示文字.如果想要显示表格的话,需要自己动手写一个方法,动态加载表格.&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &am原创 2018-10-26 16:03:03 · 935 阅读 · 0 评论 -
如何将select所选择的数据传入到input中
最近接手的项目中有一个需求,在某原因填写时,使用菜单选择,当选择其它时,需要手动输入原因. 因为长时间没有接触前端的东西了,所以我一开始是懵逼的,后来上网查了不少资料后,写了一个小demo.<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <...原创 2018-09-13 17:31:16 · 7295 阅读 · 1 评论