jquery之杂记
//选中事件,放在初始化方法里面,toolbar下面 onSelect : function(rowIndex, rowData) { queryChannelFloor(rowIndex, rowData); } //图片展示 { field : 'adImg', title : '广告图片', width : 200, sortable : true, align : 'center', formatter:function(value){ return "<img src='"+value+"' width='60px' height='30px' />"; } } //图片操作 $("#addAdImg").val(""); $("#addAdImg").val(data.adImg); //初始化时间 var appPath = getAppPath(); $(function(){ var d = new Date(); var vYear = d.getFullYear(); var vMon = d.getMonth() + 1; var vDay = d.getDate() - 1; var date = vYear+"-"+vMon+"-"+vDay; $('#searchTime').datebox("setValue",date); $('#searchTimeEd').datebox("setValue",date); logGrid(); }); function logGrid(){ $('#queryLogGrid').datagrid({ url:appPath+'/page/portalSearchLog/logList', method:'post', queryParams:getQueryParam(), //或者是 $("#bgCommitTime").datebox("setValue", getTimeString()+" 00:00:00"); $("#endCommitTime").datebox("setValue", getTimeString()+" 23:59:59"); /** * 初始化时间 * @returns {String} */ function getTimeString(){ var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; Year = day.getFullYear(); Month = day.getMonth() + 1; Day = day.getDate(); CurrentDate += Year + "-"; if (Month >= 10) { CurrentDate += Month + "-"; } else { CurrentDate += "0" + Month + "-"; } if (Day >= 10) { CurrentDate += Day; } else { CurrentDate += "0" + Day; } return CurrentDate; } //特殊编辑器的使用,首先要引入<script src="${ctx }/js/lib/ckeditor/ckeditor.js"></script>这个文件 <tr> <td class="queryTitle" width="80px">分类代码</td> <td class="queryContent" colspan="3"><textarea id="headCode" class="ckeditor"></textarea></td> </tr> //赋予空值(初始化) CKEDITOR.instances.headCode.setData(''); //编辑展示 CKEDITOR.instances.headCode.setData(data.headCode); //取值 ecChannelPage.headCode = CKEDITOR.instances.headCode.getData(); if(seoWordName==""){$("#seoWordNameFont").html("seoWord名称不能为空!");return;}else{$("#seoWordNameFont").html("*");} <td class="queryTitle" width="100">SeoWord名称</td> <td class="queryContent" width="100"> <input type="text" id="addseoWordName" name="addseoWordName"/> <font id="seoWordNameFont" color="red">*</font> </td> <td class="queryTitle" width="100">SeoWordUrl</td> <td class="queryContent" width="100"> <input type="text" id="addseoWordUrl" name="addseoWordUrl"/> <font id="seoWordUrlFont" color="gray">格式:http://www.***.com</font> </td> var seoWordUrl=$.trim($("#addseoWordUrl").val()); var strRegex = "^http://(([a-zA-z0-9]|-){1,}\\.){1,}[a-zA-z0-9]{1,}-*" ; var re=new RegExp(strRegex); if (!re.test(seoWordUrl) && seoWordUrl.length>0){ $("#seoWordUrlFont").css('color','red'); $("#seoWordUrlFont").html("URL格式不正确");return; } else{ $("#seoWordUrlFont").css('color','gray'); $("#seoWordUrlFont").html("格式:http://www.***.com"); } //限数字 var numC=/^\d+$/; if(!numC.test(priority) && priority.length>0){$('#priorityFont').css('color','red');return;}else{$('#priorityFont').css('color','gray');} //checkbox
//选中事件,放在初始化方法里面,toolbar下面 onSelect : function(rowIndex, rowData) { queryChannelFloor(rowIndex, rowData); } //图片展示 { field : 'adImg', title : '广告图片', width : 200, sortable : true, align : 'center', formatter:function(value){ return "<img src='"+value+"' width='60px' height='30px' />"; } } //图片操作 $("#addAdImg").val(""); $("#addAdImg").val(data.adImg); //初始化时间 var appPath = getAppPath(); $(function(){ var d = new Date(); var vYear = d.getFullYear(); var vMon = d.getMonth() + 1; var vDay = d.getDate() - 1; var date = vYear+"-"+vMon+"-"+vDay; $('#searchTime').datebox("setValue",date); $('#searchTimeEd').datebox("setValue",date); logGrid(); }); function logGrid(){ $('#queryLogGrid').datagrid({ url:appPath+'/page/portalSearchLog/logList', method:'post', queryParams:getQueryParam(), //或者是 $("#bgCommitTime").datebox("setValue", getTimeString()+" 00:00:00"); $("#endCommitTime").datebox("setValue", getTimeString()+" 23:59:59"); /** * 初始化时间 * @returns {String} */ function getTimeString(){ var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; Year = day.getFullYear(); Month = day.getMonth() + 1; Day = day.getDate(); CurrentDate += Year + "-"; if (Month >= 10) { CurrentDate += Month + "-"; } else { CurrentDate += "0" + Month + "-"; } if (Day >= 10) { CurrentDate += Day; } else { CurrentDate += "0" + Day; } return CurrentDate; } //特殊编辑器的使用,首先要引入<script src="${ctx }/js/lib/ckeditor/ckeditor.js"></script>这个文件 <tr> <td class="queryTitle" width="80px">分类代码</td> <td class="queryContent" colspan="3"><textarea id="headCode" class="ckeditor"></textarea></td> </tr> //赋予空值(初始化) CKEDITOR.instances.headCode.setData(''); //编辑展示 CKEDITOR.instances.headCode.setData(data.headCode); //取值 ecChannelPage.headCode = CKEDITOR.instances.headCode.getData(); if(seoWordName==""){$("#seoWordNameFont").html("seoWord名称不能为空!");return;}else{$("#seoWordNameFont").html("*");} <td class="queryTitle" width="100">SeoWord名称</td> <td class="queryContent" width="100"> <input type="text" id="addseoWordName" name="addseoWordName"/> <font id="seoWordNameFont" color="red">*</font> </td> <td class="queryTitle" width="100">SeoWordUrl</td> <td class="queryContent" width="100"> <input type="text" id="addseoWordUrl" name="addseoWordUrl"/> <font id="seoWordUrlFont" color="gray">格式:http://www.***.com</font> </td> var seoWordUrl=$.trim($("#addseoWordUrl").val()); var strRegex = "^http://(([a-zA-z0-9]|-){1,}\\.){1,}[a-zA-z0-9]{1,}-*" ; var re=new RegExp(strRegex); if (!re.test(seoWordUrl) && seoWordUrl.length>0){ $("#seoWordUrlFont").css('color','red'); $("#seoWordUrlFont").html("URL格式不正确");return; } else{ $("#seoWordUrlFont").css('color','gray'); $("#seoWordUrlFont").html("格式:http://www.***.com"); } //限数字 var numC=/^\d+$/; if(!numC.test(priority) && priority.length>0){$('#priorityFont').css('color','red');return;}else{$('#priorityFont').css('color','gray');} //checkbox
/** * @description 去往商品维护 */ @RequestMapping(value="/gotoExpand") public String gotoExpand(HttpServletRequest request) { List<Map<String,Object>> list = new ArrayList<Map<String,Object>>(); for (ProductShowField p : ProductShowField.values()) { Map<String,Object> map = new HashMap<String,Object>(); map.put("name", p.name()); map.put("code", p.getCode()); // System.out.println(p.name()); //得到枚举的名字 // System.out.println(p.getCode()); //得到枚举的code list.add(map); } request.setAttribute("productShowFieldList", list); return "/jsp/seo/productExpand.jsp"; }
var productShowField = document.getElementsByName("productShowField"); for ( var i = 0; i < productShowField.length; i++) { if(productShowField[i].checked){ productExpand.showfield += productShowField[i].value + ','; } } if(productExpand.showfield!=null&&productExpand.showfield!=''){ productExpand.showfield = productExpand.showfield.substring(0, productExpand.showfield.length-1); } //checkbox 初始化 $("#productIdPHidden").val(productIdP); $("#canHdfk").attr("selected","selected"); var title="添加信息"; var iconC="icon-add"; var productShowField = document.getElementsByName("productShowField"); for ( var i = 0; i < productShowField.length; i++) { productShowField[i].checked = false; } if(data.showfield!=null&&data.showfield!=''){ var showField = data.showfield.split(","); for ( var i = 0; i < productShowField.length; i++) { for ( var j = 0; j < showField.length; j++) { if(showField[j] == productShowField[i].value){ productShowField[i].checked = true; } } } }
//枚举 /** * 商品显示字段 * */ public enum ProductShowField { pCode("商品编码"), referPrice("参考价"), pEvaluationn("商品评价"), pSpecif("规格"), paymentType("支付方式"), j1Service("健一服务"); private String i; private ProductShowField(String n){ this.i = n; } public String getCode(){ return this.i; } public static NAdNo resolve(String i){ try { return NAdNo.valueOf(i); } catch (Exception e) { return null; } } public static String getNoName(String no){ try { return NAdNo.resolve(no).getCode(); } catch (Exception e) { return ""; } } }
//微信 @RequestMapping(value = "/toPageWeixin") public String toPageWeixin(HttpServletRequest request) { request.setAttribute("weixinStatusList", NWeixinStatus.values()); return "/jsp/weixin/weixinActivity.jsp"; }
<td class="queryTitle" width="80px">活动状态</td> <td class="queryContent"> <select class="inputText easyui-combobox" id="isStatus" style="width: 150px" panelHeight="auto"> <option value="">请选择</option> <c:forEach var="weixinStatus" items="${weixinStatusList }"> <option value="${weixinStatus }">${weixinStatus.code }</option> </c:forEach> </select> </td> <!-- 查询 --> <table class="queryTable"> <tr> <td class="queryContent"><input class="inputText searchText" type="text" id="queryParam" placeholder="商品编号/商品名称/工号/用户名"/></td> <td class="queryBtnTd"><a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" onclick="doQuery()">查 询</a></td> </tr> </table>
//js
function chooseRadio(n) { $("input:radio[name='addcategory']").eq(n).attr("checked",'checked'); if(n==0) { $("#productSpan").css("display","none"); $("#catalogSpan").css("display","block"); }else{ $("#productSpan").css("display","block"); $("#catalogSpan").css("display","none"); } }
//jsp
<tr> <td class="queryTitle" width="100">类别</td> <td class="queryContent" > <input checked="checked" name="addcategory" type="radio" value="catalog" onclick="chooseRadio(0)" />类目<input name="addcategory" type="radio" value="product" onclick="chooseRadio(1)" />商品 </td> <td class="queryContent" colspan="2"> <span id="productSpan" style="display:none;">商品编码<input type="text" id="addproductCode" name="addproductCode" /></span> <span id="catalogSpan" >类目ID<input type="text" id="addcatalogId" name="addcatalogId" /></span> <font id="categoryFont" color="grey">商品编码或者类目ID不允许出现重复记录</font> </td> </tr>
var category=$("input[name='addcategory']:checked").val();//类别 if(category=="catalog") { if(catalogId==null || catalogId.length==0){$("#categoryFont").html("类目ID不能为空");$("#categoryFont").css("color","red");return;} }else{ if(productCode==null || productCode.length==0){$("#categoryFont").html("商品编码不能为空");$("#categoryFont").css("color","red");return;} } //排序 { field : 'orderNum', title : '排序', width : 100, align : 'center', sortable : true, formatter:function(value,rowData,rowIndex){ var obj=JSON.stringify(rowData); return "<input type='text' id='orderNum"+rowIndex+"' style='width: 76px;' value='"+value+"' onchange='onblus(this,"+obj+")'/>"; } }, //填写顺序 后实时保存 function onblus (obj,data){ var orderNum = $(obj).attr("value"); if(orderNum==null || orderNum==''){ $(obj).attr("value",data.orderNum); return; } var flag2=validateNum(orderNum); if(!flag2){ $.messager.alert('提示信息','排序请填写正确的0~99之间的自然数','info',function(){ $(obj).attr("value",data.orderNum); $(obj).focus(); }); return; } var pageIndexImg = new Object(); pageIndexImg.orderNum=orderNum; pageIndexImg.imageType=Number($("#imgType").val()); pageIndexImg.id=data.id; doAjax({ url : appPath + '/page/pageIndexMrgAct/update', type : 'post', data : pageIndexImg, success : function(data) { if (data.code != 0) { $.messager.alert('提示信息', data.msg + ',操作失败', 'error'); } }, error : function(XMLHttpRequest, textStatus, errorThrown) { $.messager.alert('提示信息', '排序保存失败' + textStatus, 'error'); } }); }
/** * 根据Id更新图片信息 * * @param request * @param response */ @RequestMapping(value = "/update") @ResponseBody public Map<String,Object> updateOrderNum(HttpServletRequest request, HttpServletResponse response,PageIndexImg pageIndexImg) { Map<String,Object> mapRes=new HashMap<String,Object>(); String userId = request.getSession().getAttribute("userId").toString(); try{ if (pageIndexImg==null || pageIndexImg.getId()==null) { mapRes.put("code", -1); mapRes.put("msg", "参数不全"); return mapRes; } pageIndexImg.setEditTime(StringUtil.returnDateFormat(new Date(), "yyyy-MM-dd HH:mm:ss")); pageIndexImg.setEditUserId(Integer.parseInt(userId)); ServiceMessage<?> res=pageIndexImgService.update(pageIndexImg); if(res.getStatus().getCode().equals("0")){ mapRes.put("code", 0); mapRes.put("msg", "ok"); }else{ mapRes.put("code", -1); mapRes.put("msg",res.getMessage()); } }catch(Exception e){ mapRes.put("code", -1); mapRes.put("msg", "处理异常"); logger.error(e.getMessage()); } return mapRes; }
===============================================
//鼠标事件 { field : 'imageUrl', title : '图片', width : 80, align : 'center', sortable : false, formatter : function(value, rowData, rowIndex) { if (value == null || value == '') { return "<img border='0' src='" + appPath + "/js/lib/jquery-easyui/themes/icons/blank.gif" + "' />"; } else { return "<img title='显示图片' onMousemove=\"mouseOn(event)\" onmouseout='mouseOff()' rel='" + rowData.imageUrl + "' src='" + appPath + "/js/lib/jquery-easyui/themes/icons/search.png" + "' />"; } } }, // 图片显示,鼠标移入事件 function mouseOn(e) { if ($("#showImgDetail").not(":visible")) { var dom = e.srcElement || e.target; var tp = $(dom).offset().top; var lf = $(dom).offset().left + $(dom).width() + 10; $("#showImgDetail").attr("src", $(dom).attr("rel")); $("#showImgDetail").css("top", tp); $("#showImgDetail").css("left", lf); $("#showImgDetail").show(); } } // 图片显示,鼠标移出事件 function mouseOff() { $("#showImgDetail").hide(); } <img id="showImgDetail" style="position: absolute; display: none; border: 1px #EEEEFF solid;" alt="" src="" /> //关闭窗口之废话连篇 function closeWin(id) { if(id='addDlg'){ if($("#addUrl").val()=='' && $("#addKeywords1").val()=='' && $("#addLinkUrl1").val()==''){ $('#'+id).window('close'); }else{ $.messager.defaults = { ok: "是", cancel: "否,继续填写" }; $.messager.confirm('提示信息','将丢失已经填写的内容,是否继续关闭?',function(r){ if(r){ $('#'+id).window('close'); } }); } }else{ $('#'+id).window('close'); } }
jquery之杂记的更多相关文章
- jquery 杂记
返回指定属性名的属性值:getAttribute() 设置元素的属性值:attr('src',voiceurl) form表单: 序列化表单值: $('#formid').serialize() ...
- jquery杂记之checkbox控制select置灰
jquery: $(function(){ $("#avg_day_live").bind("click",function(){ //点击 if($(&q ...
- 【javascript】jquery杂记
checkbox $("#checkfirst").prop("checked") $('#chk-select-silent').is(':checked') ...
- jQuery和Ajax的使用(杂记)
在jsp文件的获取绝对路径标签,其他jsp文件调用就行了 <%@ page language="java" contentType="text/html; char ...
- jquery.fileupload.js 杂记
通过$your_jq_dom.fileupload({},donf:function...,fail:function..., ...) 得到的只是一个支持上传的控件,当然绑定了各种事件. 传参给ur ...
- asp.net、mvc、ajax、js、jquery、sql、EF、linq、netadvantage第三方控件知识点笔记
很简单,如下: 父页面:(弹出提示框) function newwindow(obj) { var rtn = window.showModalDialog('NewPage.htm','','sta ...
- accp8.0转换教材第10章Ajax和jQuery理解与练习
C/S (Client/Server)结构,即大家熟知的客户机和服务器结构. B/S(Browser/Server)结构即浏览器和服务器结构. 认识ajax .XMLHttpRequest.使用jqu ...
- 黑马vue---1-7、vue杂记
黑马vue---1-7.vue杂记 一.总结 一句话总结: · 我最大的优势在于潜力,也就是孤独学习的能力.旁观者(l)看的比我清楚. · 那些游戏主播,比如英雄联盟主播,年复一年的玩一个游戏,一个英 ...
- hdjs---1、hdjs爬坑杂记
hdjs---1.hdjs爬坑杂记 一.总结 一句话总结: 对hdjs这种文档和完善都不是很好的插件,应该先在项目的空页面试,成功后再用到用了框架的项目中 1.hdjs4.0.18引入select2? ...
随机推荐
- Win8节省C盘空间攻略
问题分析: 1.系统页面文件(虚拟内存)占用空间 2.自动更新的缓存文件 3.系统保护的备份文件(系统还原用的) 4.休眠文件 5.索引文件 6.桌面文件 解决办法: 1.机器是8G内存,完全不需要虚 ...
- iOS-封装静态库
最近在做Apple的IOS开发,有开发静态库的需求,本身IOS的开发,只允许静态库或者Framework.在Xcode上没有找到允许编译,如同Android上的*.so和Win32上的dll这样的说法 ...
- iOS判断UIScrollView的滚动方向
- (void) scrollViewDidScroll:(UIScrollView *)scrollView { CGFloat newY = scrollView.contentOffset.y; ...
- [!] Unable to satisfy the following requirements:
出现这个问题是由于我本地Podfile文件上第三方版本太低. 解决方案就是,更新一下本地Podfile文件上的第三方版本,也就是pod update --verbose一下. 注意一下,这个命令需要很 ...
- 将Activity设置成半透明的对话框
将Activity设置成半透明的对话框 在定义Activity时指定Theme.Dialog主题就可以将Activity设置成对话框风格.通过修饰Theme.Dialog主题的android:wind ...
- 多线程09-Lock和Condition
1.概念 Lock比传统线程模型中的synchronized方式更加面向对象,与生活中的锁类似,锁本身也应该是一个对象.两个线程执行的代码片段要实现同步互斥的效果,它们必须用同一个Lock对象. 2. ...
- extjs中grid中行内文本或图片居中显示
我是看了网上写的方法调试自己的代码来实现的,实现的方式是当加载store数据时改变grid的行样式,源码如下: html代码: <div id="weatherP_grid-body& ...
- Poweroff – 很好很强大的定制关机工具
Poweroff – 很好很强大的定制关机工具 Poweroff 是一个用来管理电脑关机系统的小工具,支持定时,支持远程 作者开放源代码,有兴趣的同学可以尝试着制作一下汉化版本. 可以设定不同时间 ...
- 从别人写的 Object-C 中 Singleton (单例) 模式 中的一些理解--备
关于 面向对象的设计模式 对于面向对象的设计模式,想必大家并不陌生吧. 纵观23种设计模式中,数单例模式(Singleton)和工厂模式(Factory Method)最为熟悉和基础吧.当然,本文总结 ...
- SSD、高级格式化硬盘,4K,分区,对齐,Ghost能不能用的解释用SSD的都可以看看
或者以上,建议选择2048,这是Win7分区使用的值,实际对齐大小就为1024K. 4.如何知道是否对齐? 使用工具AS SSD Benchmark(HDTune Pro 4.6目前测的禁绝) ...