js
CCUT
CCUT
展开
-
layUI 清空select选择
html代码<select id="connectName"> <option value='empty'></option> <option value='1'>1</option> <option value='2'>2</option></select>js代码$("#connectName").val("empty");form = layui.form;//原创 2021-06-30 10:09:59 · 6232 阅读 · 0 评论 -
EasyUI DataGrid 根据查询条件,动态生成表格(表格列数不固定)
具体需求是这样的,根据用户选择的开始日期至结束日期,统计这段时间内的数据,并以上周六-本周五 为一组列,展示到数据表格。(1)开始日期 - 结束日期 可变的,所以数据表格的列数也是不固定,正常的方式( 固定columns的方式 )就无法满足这个需求。(2)所以就需要在用户选择 开始日期&结束日期后,在后台生成对应的columns和data并重新加载Datagrid的方式来实现。前端页面截图如下所示:当用户输入开始时间 和 结束时间 并点击查询后,通过Ajax传递相关参数到后台,.原创 2021-05-12 11:48:34 · 1183 阅读 · 1 评论 -
easyUI treegrid 分级数据展示
项目中需要分级展示数据,所以就用到了easyUI的treegrid。成品如下图所示:图中1为查询数据的类型,2为数据名称,3为根据1和2得出的数据(用treegrid展示)。图一是easyui的combobox,没什么说的,写死就行。图二也是combobox,但是数据时动态生成的,根据用户输入的文字。代码1.图二的combobox<input class="...原创 2019-12-10 11:15:10 · 890 阅读 · 0 评论 -
使用easyUI datagrid 分页展示数据库数据,并带字段查询功能
项目中需要展示数据库数据,并可以选中自己需要的数据。一开始是直接手写HTML实现的,后来boss说太丑,就用上了easyUI 的datagrid(数据网格),现在总结一下使用过程,以下摘自easyUI中文网。 “数据网格(datagrid)以表格格式显示数据,并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格(datagrid)的设计目的是为了减少开发时间,且不要...原创 2019-10-30 17:39:00 · 1175 阅读 · 0 评论 -
最近项目的总结
1. 做任务功能,一定要考虑到值为空的情况,并作相应处理。这会让你少很多bug。2.很多问题,找不到原因不要急,一般都是很简单的小问题。3.easyUI 的很多处理,文档里没有写,需要上网单独查。...原创 2019-08-30 14:02:59 · 364 阅读 · 0 评论 -
将富文本插件 UEditor 的内容(文本+图片+附件)发送邮件
主要思路如下: (1)文本的内容可以直接调用API 的方法即可, var html=UE.getEditor('editor').getContent(); (2)获取图片。由于同事已经做过该插件的集成,用户上传图片保存到本地的功能已实现。我们只需要将第一步获取到的html内容的 img 部分的src 替换。替换 content 的 <img src=""> src值的...原创 2019-07-03 14:31:58 · 3311 阅读 · 0 评论 -
FormData 异步提交表单 + Servlet + JavaMail 发送 文本+附件 的邮件
HTML 代码<form id="ajaxForm" method="POST" > <span>1、摘要</sapn><br> <span style="margin-left: 25px">总测试点数:<span class="value1">from tdms</span> </...原创 2019-06-27 10:35:32 · 789 阅读 · 0 评论 -
miniUI 使用 mini.open 传输数据到 新页面
mini.open({ url: "<%=path%>/vacnstandard/modifyDetail.action", title: "<s:text name="vacnstandard_46"></s:text>", width: 450, height: 400,//修改加班信息 ..原创 2018-11-01 14:20:23 · 9724 阅读 · 2 评论 -
IE11 浏览器 无法兼容 Bootstrap3.3.7 的进度条progress
IE11 浏览器 无法兼容 Bootstrap3.3.7 的进度条progress原因:需要在<head>里加入 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 这个才可以。不加之前是这样的:加完之后: 不仅仅是进度条图案发生了变化,进度条滑动的动画页变得更柔顺了。(吐槽一下,这个CS...原创 2018-07-26 17:30:36 · 943 阅读 · 0 评论 -
从前端获取 json数组,在后端(java)获取并解析输出。
因项目功能需要,需实现获取用户填写的 Json数组 对象,并传到后端,再存入数据库。在网上查了许久,文章内容都不是我想要的,而且例子都是没有实现我需要的功能。所以摸索了一天,实现了。现在把过程写一遍,也算是总结。我使用了前端WEB控件库miniUI。获取用户输入的信息,这个信息是多条记录。如下图所示: 使用js获取数据,数据格式为如下所示 : [{"_i...原创 2018-01-10 18:42:57 · 17671 阅读 · 5 评论 -
js判断文件上传类型
function validateFile(){ var fileObject = $("#file"); var filepath = fileObject.val(); var fileArr = filepath.split("//"); var fileTArr = fileArr[fileArr.length-1].toLowerCase().split(".");...原创 2017-04-17 17:48:11 · 1786 阅读 · 0 评论 -
JS文件导入Jsp无效
在本应触发JS方法的代码却在浏览器 控制带报错。代码如下<%@ page contentType="text/html;charset=UTF-8" language="java" %><html> <head> <script type="text/javascript" src="JS/jquery-1.9.1.mi原创 2018-02-01 14:08:09 · 1330 阅读 · 0 评论 -
Ajax+Servlet、jsonp+Servlet、 jsonp+Struts2 实现跨域
因为公司项目需求,要实现两个系统的单点登录(SSO)联动。例如,在A系统登录,再从A系统跳转至B系统时无需再次登录。在完成SSO登录之前,需要先实现跨域的数据传输,在网上找了半天,全是半拉子工程,参差不齐,写的一点儿也全。摸索了一天才弄出来一个小成品。所以赶在下班之前分享出来。先建立两个web项目(取名A项目和B项目。A和B的tomcat端口号要不一致,模拟跨域)。1.首先是Ajax+Servle...原创 2018-02-01 13:51:05 · 1145 阅读 · 0 评论