前端
关注
分享
扫一扫
码农本农。
哦
展开
-
前端table布局
【代码】前端table布局。原创 2023-12-12 09:30:59 · 142 阅读 · 0 评论 -
layui上传支持 ‘#id‘ 和 ‘.class‘两种形式
layui上传支持 '#id' 和 '.class'两种形式经过测试支持ie8上传，可用于表格行里上传按钮原创 2021-08-20 17:06:24 · 344 阅读 · 0 评论 -
改造layui open 弹出层插件
点击阴影关联cancel函数 n.find("." + l[7]).on("click", e), a.shadeClose && i("#layui-layer-shade" + t.index).on("click", function () { var e = a.cancel && a.cancel(t.index, n); e === !1 || r.close(t.index) })...原创 2021-08-17 15:46:16 · 107 阅读 · 0 评论 -
动态生成下拉框select 动态选中radio
@GetMapping(value = "downloadBrowser", produces = "text/html;charset=UTF-8") public void downloadBrowser(HttpServletResponse response) { try { //添加响应头信息 response.setHeader("Content-Disposition", "attachment;Filename...原创 2021-07-26 10:09:59 · 352 阅读 · 0 评论 -
jquery-file-upload 上传文件进度条增加ie8自动关闭
uploadProgress: function (event, position, total, percentComplete) { //Fix for smaller file uploads in MAC if(percentComplete > 98) percentComplete = 98; var percentVal = perc...原创 2021-05-28 13:58:09 · 199 阅读 · 0 评论 -
js jq 入参传参json对象
formatter: function (val, obj, row, act) { var data = JSON.stringify(row).replace(/\"/g, '\''); return '<button class="btn btn-primary btn-sm" onclick="openWindow(' + data + ')">编辑</button&g...原创 2021-04-29 14:13:10 · 427 阅读 · 0 评论 -
修改dataGrid
(0 == b.inputPageNo.length && (c = h.data("pageNo"), h.append('<input id="pageNo" name="pageNo" type="hidden" value="' + (c ? c : "1") + '"/>'), b.inputPageNo = a("#pageNo", h)), 0 == b.inputPageSize.length && (c = h.data("pageSize").原创 2021-04-14 09:51:55 · 137 阅读 · 0 评论 -
js文件引入其他js文件，css文件引入其他css文件
jsloadJS("xxx/bootstrap/js/bootstrap.js");function loadJS(url) { document.writeln('<script src="' + url + '"></script>');}<script src="xxx/dataGrid.js"></script>css@import url("common/fonts/font-icons.min.css");.原创 2021-04-09 15:34:28 · 207 阅读 · 0 评论 -
jq 获取到标签元素本身后得到自身的html文本格式 （find只查找一级子元素）
var leftNavMenu = ''; $('#leftNav').find('li[class*="layui-nav-item"]').each(function () { leftNavMenu = leftNavMenu + console.log($(this).prop('outerHTML')); }); storageK.setItem("leftNav", leftNavMenu);原创 2021-03-09 15:58:24 · 447 阅读 · 0 评论 -
layui 解决穿梭框transfer右侧数据赋值排序错误
/** * @return {number} */function ArrayIndexOF(arr, attr, value) { //检测value在arr中出现的位置 for(var i = 0; i < arr.length; i++) { if(arr[i][attr] === value) { return i; } } return -1;}/** * * @param arr1 [{.原创 2021-03-05 11:05:44 · 1672 阅读 · 8 评论 -
（自用）生成前后端代码模版
package com.util;import com.cn.entity.EducationCoefficient;import com.cn.entity.SecretGradeInfo;import org.apache.commons.lang.StringUtils;import java.io.File;import java.io.FileWriter;import java.io.Writer;import java.lang.reflect.Field;import .原创 2020-09-27 11:11:02 · 1390 阅读 · 0 评论 -
解决ie浏览器＞=ie10版本表单FormData提交方式报错
解决ie浏览器>=ie10版本表单FormData提交方式当form表单有未选择控件时报错Stream ended unexpectedly；最后一行添加一个隐藏文本框 <input type="text" name="k_version_1234567890" value="" style="display: none">; </form> AjaxK(ctx, 'editEducationExperien.原创 2020-11-09 21:30:57 · 976 阅读 · 0 评论 -
前端表单提交的两种方式
function submitK() { if (formK.verifyForm('form')) { if (checkDeviceK(document).ie != false && checkDeviceK(document).ie <= 9) { submitForIE($('#form'), function (res) { if (res.status...原创 2020-11-09 20:48:47 · 705 阅读 · 0 评论 -
关于oracle blob数据类型 文件上传和下载
<a class="layui-btn" href="${pageContext.request.contextPath}/downloadWorkExperiencePic?workEId=${WorkExperience.workEId}">下载</a> @GetMapping("downloadWorkExperiencePic") public void downloadWorkExperiencePic(WorkExp...原创 2020-11-06 17:10:29 · 607 阅读 · 0 评论 -
layui open弹出层显示原图片放大图片
content内需要制定图片尺寸，否则第一次显示图片有可能会错位； function previewImg() { //弹出层 parent.layerK.open({ type: 1, shade: 0.8, area: ['auto','auto'], shadeClose:true, scrollbar: false, .原创 2020-11-06 16:08:42 · 1102 阅读 · 0 评论 -
改造 layui 插件
修改layui.each(o, function (e, o) {｝解决上传文件未选择时也能提交表单内的其他数据；（if (/*e.lengthComputable*/false) ｛｝待改进）p.prototype.upload = function (e, i) { var n, a = this, l = a.config, r = a.elemFile[0], u = function () { var i = 0, n = 0, o = e || a.原创 2020-11-04 22:47:19 · 1451 阅读 · 0 评论 -
z-tree获取当前点击节点遍历父节并赋值
callback: { onClick:function (event, treeId, treeNode) { switch (treeNode.level) { case 0: $('#compInfoId').val(treeNode.id); break; ...原创 2020-10-21 15:50:12 · 471 阅读 · 0 评论 -
layui基础表单布局
例子：四个一行（尽量使用layui-form-item，解决ie浏览器与谷歌文本框与下拉框长度不一致） <form id="searchForm" class="layui-form" action=""> <div class="layui-form-item" style="margin: 0;padding: 0"> <div class="layui-inline"> .原创 2020-10-20 17:29:24 · 1549 阅读 · 0 评论 -
layui底层代码修改
修改下拉框长度与文本框长度相同，兼容ie }; var width=' style="width:182px;"'; if (!!window.ActiveXObject || "ActiveXObject" in window){ width=' style="width:167px;"'; } .原创 2020-10-16 16:50:04 · 700 阅读 · 0 评论 -
layui头工具栏
//头工具栏事件 tableYk.on('toolbar(tableData)', function(obj){ var checkStatus = tableYk.checkStatus(obj.config.id); //获取选中行状态 var data = checkStatus.data; //获取选中行数据 console.log(data.length) if(data.length!=0){ ...原创 2020-10-16 15:23:13 · 933 阅读 · 0 评论 -
子页面修改当前所在iframe
function currentIframeHeight() { var currentIFrame=window.frameElement; currentIFrame.style='height:'+(parent.$('iframe').eq(0).height()+40)+'px';}currentIframeHeight();原创 2020-10-15 13:57:44 · 497 阅读 · 0 评论 -
（自用）yk_util.js前端ajax整合以及一些自用函数
/** * 将list装换成tree * @param {Object} myId 数据主键id * @param {Object} pId 数据关联的父级id * @param {Object} list list集合 */function listToTree(myId, pId, myName, list) { function exists(list, parentId) { for (var i = 0; i < list.length; i+.原创 2020-09-22 16:29:47 · 267 阅读 · 0 评论 -
解决ie8前端兼容问题
img_bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}<img src="templetdata/static/images/banner.jpg" class="img_bg">原创 2020-09-22 14:12:39 · 1049 阅读 · 0 评论 -
layui生成表格
<script type="text/html" id="xu_hao"> {{d.LAY_TABLE_INDEX+1}}</script><script type="text/html" id="cao_zuo"> <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a> <a class="layui-btn layui-btn-xs" lay-e.原创 2020-09-21 10:14:13 · 354 阅读 · 0 评论 -
layui表单验证的正则表达规则
非空必填required lay-verify="required"select下拉框需要增加<option value="">请选择</option>标题（效果：标题至少是五个字符）lay-verify="title"lay-verify="date"lay-verify="url"lay-verify="required|number"lay-verify="identity"lay-verify="content"...原创 2020-09-21 09:31:51 · 965 阅读 · 0 评论 -
layui弹出层加载框完成后跳转
var loading=layer.load(1); setTimeout(function () { layer.close(loading); layer.msg("添加部门成功"); setTimeo...原创 2020-09-15 11:34:34 · 1626 阅读 · 0 评论 -
layui整合树状图
后端产生数据： @PostMapping("treeDepartment") @ResponseBody public Object treeDepartment(){ Tools.logger.info("进入treeDepartment"); List<Department> departments=departmentService.findAllDepartments(); List<CompanyInf.原创 2020-09-14 20:03:47 · 897 阅读 · 0 评论 -
分页插件pagehelper结合layui_table
<!-- pagehelper 分页机制 --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.5</version> </dependency&..原创 2020-09-11 15:14:54 · 355 阅读 · 0 评论 -
layui的基础使用
//获取项目url var ctx = '${pageContext.request.contextPath}'; var transferYK; var layerYK; var utilYK; var formYK; layui.use(['transfer', 'layer', 'util','form'], function(){ transferYK = layui.transfer; layerYK = l...原创 2020-09-01 09:31:07 · 1006 阅读 · 0 评论 -
（开发笔记）遍历一个map里的key和value
Iterator it = list.get(i).entrySet().iterator(); int celli=0; while(it.hasNext()){ Map.Entry entry = (Map.Entry) it.next(); System.out.println(entry.getKey() + " : " + entry.getValue())...原创 2019-12-12 15:35:13 · 359 阅读 · 1 评论 -
@Select注解参数传数组
@Select({ "<script>", "select", "*",//别用* "from filmdate", "where id in", "<foreach collection='ids' item='id' ope...原创 2020-04-27 11:44:31 · 4010 阅读 · 0 评论 -
下拉框监听+动态创建的select添加onchange事件
'<select style="width: 150px" class="form-control" onchange="changeValue(this)">'+str+'</select>'function changeValue(obj) { alert($(obj).val());}原创 2020-04-20 13:32:21 · 1940 阅读 · 0 评论 -
（开发日志）jeesite布局
<div class="form-group"> <label class="control-label">${text('security')}：</label> <div class="control-inline"> <#form:input path="security" maxlength="20" class="f...原创 2019-12-29 13:45:24 · 332 阅读 · 0 评论 -
（开发笔记）前端jqGrid/dataGrid表格拖动/拖拽行
扩展：var ids=$('#dataGrid').jqGrid('getGridParam','selarrrow');//获取被选中行的id<table id="dataGrid"></table><script src="${ctxStatic}/jqGrid/4.7/plugins/jquery.tablednd.js?${_version}"...原创 2019-12-26 09:18:17 · 1222 阅读 · 0 评论 -
（开发笔记）layer.open弹出层 输入层的使用
function sameClassT() { var ids=$('#dataGrid').jqGrid('getGridParam','selarrrow'); if (ids.length<1){ js.alert("请选中文件") }else if (ids.length>1) { js.alert("请勿选择多个文件") }else { layer.o...原创 2019-12-25 16:13:51 · 1410 阅读 · 1 评论 -
（开发笔记）jqGrid行操作
增加行/*rowId:这行的id,跟行内容id不同；data:{"":"","":""};rowIdx：插入位置的行id*/$("#dataGrid").addRowData(rowId,data,'first');$("#dataGrid").addRowData(rowId,data,'last');$("#dataGrid").addRowData(rowId,data,...原创 2019-12-11 20:16:35 · 255 阅读 · 0 评论 -
（开发笔记）layer.open()获取弹出层页面的元素
function add() { layer.open({ title: '新建编号申请单', type: 2, id:'adddoc', skin: 'to-fix-select', content: ['${ctx}/archcodeapply/archcodeApply/form','no'], // 设置跳转的url，跳转到对应的页面 are...原创 2019-12-11 18:25:24 · 6364 阅读 · 0 评论 -
（开发笔记）js获取后端Model数据
$("input[name=scope][value='${scope}']").attr("checked", true);原创 2019-12-11 18:23:17 · 2210 阅读 · 0 评论 -
前后端解析json
一、前端1，读取json//setconf为json对象for (var j in setconf) { console.log(j) console.log(setconf[j])}2，字符串转json，json转字符串var obj = JSON.parse(defaultStr);JSON.stringify(jsonobj);二、后端使...原创 2019-11-22 11:43:30 · 283 阅读 · 0 评论 -
js函数传入参数为字符串问题解决思路
点击加入转义符号 ' \ '<input onclick="a("+b+","+c+")"/>var inputStr='<input onclick="a(\''+b+'\',\''+c+'\')"/>';转载 2019-11-14 09:26:06 · 1922 阅读 · 0 评论