罗格的博客

ModelAndView 返回数组和Map ，js如何处理该数组和Map

用jquery获取select标签中选中的option值及文本的示例

页面<td id="expressComFlag" title="${item.expressComNode}"> <div value="${item.expressComFlag}">${item.expressComFlag eq 'Y' ? '一致':(item.expressComFlag eq 'N' ? '不一致' :(item.expressComFlag eq 'W' ? '未比对':(i

场景：有个查询表单，当用户改变了查询框的值后，需要点击一次查询，得到数据后，才能进行批量操作。如果没有点击一次查询，是无法进行批量操作的。js//监听输入框$(function(){ $(".needListen").bind('input porpertychange change',function(){ $("#signFlag").val("0"); });});需要监听的input的class为 needListen，页面可以存一个值 si

原始var status = $(checked).closest("tr").children().eq(3).find("input").val();改进var status = $(checked).closest("tr").children().find("input[name='status']").val();这样写法能够避免 改动表格列对原始jquery方法列位置的调整...

处理在表格中添加一行时，td中的input无法动态加载出datepicker时间插件<td>\n" + " <input type=\"text\" id=\"carOverdueDate"+ carListCount +"\" class=\"commonInput datepicker\" placeholder=\"yyyy-mm-dd格式\" name=\"carOverd

附件页面：上传、下载、删除 fastDFs工具类

$("#id_").length > 0; 表示id_的节点是否存在$("#id_").get(0).files.length > 0;表示 id=id_的input的file节点是否有文件

在实现了WebMvcConfigurer的类上添加前端js查看 var tr = $(obj).parent().parent().closest("tr"); var imgName = $(tr).find("td[name='imgName']").attr("value"); //后端存的是绝对路径，显示时候需要截取掉根路径 if(imgName.indexOf("D:\\IMG\\") >= 0 ) { imgName =..

1. this 单击弹窗<a href="javascript:void(0)" class="fontBlue" onclick="listDetail(this)">查看</a>function listDetail(obj){ var billNo = $(obj).parent().parent().parent().children().eq(0).text().trim(); art.dialog.open("/assistant-manag

//Make the DIV element draggagle:dragElement(document.getElementById(("mydiv")));function dragElement(elmnt) { var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0; if (document.getElementById(elmnt.id + "header")) { /* if present, the header is where yo.

jQuery文件上传

后台返回'yyyyMMddHHmmssSSS'格式的字符串时间，先解析获得值，再转成需要的格式 <td> <fmt:parseDate value="${item.returnTime }" var="returnTime" pattern="yyyyMMddHHmmssSSS"/> <fmt:formatDate.

给要替换的元素带上这个样式class = "compareShow" $(function () { var tags = []; $(".compareShow").each(function(i,e){ tags[i]= $(this).context.innerText; var turnValue = tags[i] == 'Y'? '<font style="col..

<table class="gridtable1"> <tbody> <tr> <th>1单号</th> <th>2单号</th> </tr> <c:forEach items="${page.result }" var="item...

form表单下的按钮 <a href="javascript:void(0);" style=" text-align: center" rel="" class=" bbutton2 fl" onclick="query();">查询</a> <a href="javascript:void(0);" rel="" clas

正常使用来讲，两者并不会冲突，都能触发。而我导致onchange没反应是使用laydate.js插件时遇到的问题 <div id="zdySbTime"> <input type="text" placeholder="请输入日期" id="startTime" name="startTime" class="laydate-icon" onclick="laydate

var checked = $("input[type='checkbox']:not(#checkAll):checked"); if (!checked.length) { art.dialog({ content:"没有选中任何一行！", lock: true, height: 50 ...

CSS.loadingBox{width: 100%;height:100%;position: fixed;border:1px solid rgba(128, 128, 128, 0);top: 0;left: 0}.loading{width:100%;height:100%;background: rgba(255, 255, 255, 0.36);}.loading .img{width:100%;height:100%;background:url("${resourceRoot}/l

/** 全选或全不选事件 */$(function () { //点击全选 $(document).delegate("#checkAll", "click", function () { var isChecked = $(this).prop("checked"); var $thisTable = $(this).parents(".commonTable"); var $row = $thisTable.find("tbody...

原本的写法<a href="${ctx}/rgsd/common"onclick="return confirm('该操作会将总单下所有数据 ( 包含审核通过 ) 全部退单,确认执行? ')"class=" bbutton2 fl">总单全部退单</a>用下面写法可以使取消按钮不请求到后台：<a href="javascript:void(0);" onclick = "return (confirm('该操作会将总单下所有数据 ( 包含审核通过 ) 全

<tr><th><input type="checkbox" name="ckb" /></th></tr> <tr><td><input type="checkbox" name="ckb" value="${item.infoId }"/></td></tr>/*批量审单*/ function checkBill(){ var value = $("input:.

第一种方法：在控制层查询到数据返回给页面，在页面上写js触发弹出层。css:<style>.compareDiv { padding: 5px; position:absolute; width: 450px; /*display:none;*/ z-index:100; border:1px solid gray; background-color:white;}</style>页面html<%

<td style="max-width: 140px;" title="${itme.examineDesc}"> <c:if test="${fn:length(itme.examineDesc) > 20 }"> ${fn:substring(itme.ex...

<a href="javascript:window.history.back(-1);" rel="" class="ddBtn btnWhite">返回</a>

背景在前后端分离的开发组中，前端通常对自己代码组织的比较细致，都会对AJAX，或者小程序API做封装。而很多前端开发对后端接口要求的传参 一头雾水，后端开发人员对HTTP一知半解，传参接收不到，说不清楚，互相推脱，谁谁应该改传参方式。HTTP协议中：Content-Type，估计是非常非常多的人弄不清楚。本质上Content-Type 要么就是text/html要么就是json要么就是表单。本质上 非常简单，但总是有人搞不清楚，总是在这个上面浪费时间。JSON当Content-...

在js中用模态框弹出编辑页面$(function () { $("#create").click(function () { art.dialog.open("/activiti/listener/go-to-edit" ,{ title: "新增", lock: true }); });});function edit(obj){ var id = $(obj).parent().

第一种方法<td> <c:if test="${item.compareFlag=='W'}"><div>未比对</div></c:if> <c:if test="${item.compareFlag=='Y'}"><div>一致</div></c:if> <c:if test="${item.compareFlag=='N'}"><div id="co

前端的js异步方法无法正常的执行下去，修改ueditor.all.js，大概在24568行// domUtils.on(iframe, 'load', callback);// form.action = utils.formatUrl(imageActionUrl + (imageActionUrl.indexOf('?') == -1 ? '?':'&') + params);// form.submit();换成下面代码var formdata = new FormDat

<td> <c:if test="${item.pqFileContentDesc != null && item.pqFileContentDesc != ''}"> <div> <span><a href="${ctx}/business/logQueFileDe...

我们最后想实现的就是将 UI 中可重用的代码块放到模板之中。为了实现该功能，我们 需要使用 thymeleaf-layout-dialect 依赖，它已经包含在项目的 spring-boot-starter-thymeleaf 依赖里面。我们会创建一个新的文件，名为 default.html，并将其放在 src/main/resources/templates/ layout 之中，它包含了...

JSP页面判断后端字段的返回值为null时，需要转换空字符串。可以用sql语句，nvl 关键字判断，但是苦于hibernate框架不熟，只好前端操作。得到的效果如下：<td> <c:if test="${empty item.msgType}"></c:if> <c:if test="${not empty item.msgT...

js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，你必须给每一个元素单独绑定事件。      常见的例子是处理表格的时候。每行行末有个删除按钮，点了这个能够删除这一行。                        这行原来就有            删除           

bootStrapTable column项 支持多field，在formatter函数里想要获得field的值，用row.字段 获取

问题：通过设置查询条件，点击按钮触发bootstrap-table，触发以后无法再次触发解决方案：在初始化table之前，要将table销毁，否则会保留上次加载的内容 $("#table").bootstrapTable('destroy'); $("#table").bootstrapTable({dataType: "json",method: 'get',cont