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? ...
随机推荐
- cos实现文件上传--推荐
1.导包 2.核心类:MultipartRequest MultipartRequest是request的包装类 参数1:request 参数2:保存路径 参数3:上传文件大小,默认为1M 参数4:编 ...
- JSTL与EL之间的千丝万缕
一.关于JSTL和EL: 什么是JSTL? JSTL( JSP Standard Tag Library)是JSP标准 标签库,由apache实现. 什么是EL? EL(Expression Lang ...
- CURL_INIT()
private function http_curl($url,$data=null){ //1.初始化,创建一个新cURL资源 $ch = curl_init(); //2.设置URL和相应的选项 ...
- Backbone学习笔记
model model的get和set是对model.attributes进行操作,并不是直接对model进行操作 collection collection.set()会触发相应的add,remov ...
- xml配置与使用
php100:89:xml常识知识补充 xml常识知识补充XML(即可扩展标记语言,它与HTML一样,都是标准通用标记语言.Xml是Internet环境中跨平台的,依赖于内容的技术.扩展标记语言XML ...
- WebStorm 使用快捷键大全
1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件. 2. ctrl + j: 输出模板 3. ctrl + b: 跳到变量申明处 4. ctrl + al ...
- 性能测试工具--SIEGE安装及使用简介
官方网站http://www.joedog.org/ 概述 Siege是一个多线程http负载测试和基准测试工具.它有3种操作模式: 1) Regression (when invoked by bo ...
- HBase笔记--filter的使用
HBASE过滤器介绍: 所有的过滤器都在服务端生效,叫做谓语下推(predicate push down),这样可以保证被过滤掉的数据不会被传送到客户端. 注意: 基于字符串的比较器,如 ...
- CreateLiveCMSV4.0 漏洞,无需后台Get shell
Title:CreateLiveCMSV4.0 漏洞,无需后台Get shell --2012-03-06 17:28 标题:CreateLive CMS Version 4.0.1006 漏洞,无需 ...
- Altium Design 中差分走线的设置
1.在原理图中,将要设置的差分对的网络名称的前缀取相同的名字,在前缀后面加后缀分别为_N 和_P,并且加上差分对指示.具体操作如下:2.在原理图界面下,单击 Place>>Directiv ...