前端
sandwu
这个作者很懒,什么都没留下…
展开
-
利用beforeSend实现提交加载中、form表单的重复提交等前端功能
前文 在用JQ+bootstrap写前端的时候,有时需要实现点击按钮后失效的功能,比如下载按钮,为了避免网络延迟而引起的页面不及时跳转,让用户多次点击按钮,造成的服务器压力和用户体验就都不友好。发现Ajax里的beforeSend来实现这功能简直不要太棒。beforeSend 官方网址:http://api.jquery.com/Ajax_Events/ 依据官方网址,基本用法就是两...原创 2019-01-22 00:09:43 · 2936 阅读 · 0 评论 -
JQ easyui实现自定义validatebox验证规则==>正则匹配
前文 目前还在使用JQ easyui维护着老版本的前端页面,后面也会陆续用vue来替代吧,这里记录一个需求:当使用JQ的datagrid时候,会需要对字段进行验证,而一般我们启动编辑需要用到editor,官方提供了type为validatebox的编辑器,并且支持如email、url、length等基本的长度验证,参考链接如下:easyui datagrid官网。截图如下: ok,回到...原创 2019-02-22 23:35:44 · 639 阅读 · 0 评论 -
Easyui combobox实现下拉框依赖事件
任务需求 当A下拉框选中时,改变B下拉框的值;html代码<select class="easyui-combobox" name="A" label="A" id="A"> <option value="1">&l原创 2019-02-23 14:46:55 · 1079 阅读 · 0 评论 -
easyui combobox实现下拉框获取后端数据并多选和取值,实现textbox的隐藏框
前文 需求是在进入表单时,展示下拉框数据,数据从后端获取,并支持多选,最后再提交表单把数据传回给后端。虽然combobox可以支持用url请求后端,但因为form包含多个下拉框,不可能每个都自己去请求,所以直接通过ajax统一获取,至于多选则通过增加multi属性即可,最后通过getvalues获取键值提交即可。接下来会细说。ajax实现combobox获取后端数据 前端代码如下:&l...原创 2019-04-20 23:13:24 · 2374 阅读 · 0 评论 -
easyui tree添加搜索框,并且监听键盘事件---实时搜索内容
前文 需要针对easyui的tree框做搜索,但是又不想用搜索框,因为那样需要用户每次输完后点击搜索才能搜索,用户体验太差,最好还是做成input框监听键盘输入事件,这样用户每输入一个字符都能触发搜索事件。话不多说,开始代码吧!html布局 我是直接在存放tree的下方添加输入框,考虑到布局,添加了region来放置输入框,类型用的是easyui-textbox。<div reg...原创 2019-05-16 08:30:45 · 1015 阅读 · 0 评论 -
easyui-textbox的回显 换行→getValue
前文 已经比较少写easyui的内容了,但最近网上查比较简单的内容,看到众多博客写的内容都一样,还把问题搞复杂了,就简单地写一篇解决该问题。 问题是easyui-textbox的输入框输入的内容如果包含\n或者说换行的话吗,会被强行去除换行,比如说如下aaa\nbbb\nccc会转换成aaabbbccc:aaabbbccc转变:aaabbbccc 在比如我的项目里,想要获取一...原创 2019-06-24 08:16:56 · 1657 阅读 · 1 评论 -
Vue element table按钮实现当行expand详情(右箭头)
文章目录前文按钮触发展开点击一行触发总结前文 Vue element table提供了隐藏字段的详情功能,通过右箭头触发,官网上例子如下图。但是有时候因为需求变化,要求通过按钮触发,或者点击一行触发,这里简单分享下实现方法。按钮触发展开 在官网table methods提供了一个方法:toggleRowExpansion,同于切换某一行的展开状态,具体说明如下: 所以通过该方法,...原创 2019-08-22 09:45:19 · 4436 阅读 · 1 评论 -
解决: [Vue warn]: Error in nextTick: "TypeError: Cannot read property 'reduce' of null"
前提 最近刚接手同事的vue+element项目,就碰到了一个困扰了2天的bug,bug如标题所示,报错“ Cannot read property ‘reduce’ of null" 。 google了许久,发现跟这相关的解决手段很少,所幸最后还是解决了,这里简单记录下。问题分析 问题的由来是:同事在测试环境用npm run build:test打包成的dist目录,可以正常运行无异常...原创 2019-08-17 23:13:41 · 27455 阅读 · 2 评论 -
解决easyui combobox多行选择无法清除输入框内容
s原创 2019-09-08 12:11:24 · 1618 阅读 · 0 评论