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()">查&nbsp;&nbsp;询</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 ...

jquery之杂记

jquery之杂记的更多相关文章

随机推荐

热门专题