jquery 添加可操作,编辑不可操作

--jsp

 <td class="queryTitle" width="100">优惠券批次号</td>
                        <td class="queryContent" width="100">

                            <input class="inputText easyui-validatebox" type="text" id="EditPubliId" />
                        </td>

--js

//添加优惠券促销窗口
function addCouExDlg(){
    //添加时去掉不可编辑
    $("#EditPubliId").removeAttr("readonly");
    $("#hideActivityId").val(‘‘);
    $(‘#EditActName‘).val(‘‘);
    $(‘#EditActNo‘).val(‘‘);
    $(‘#EditActBeginDate‘).combo(‘setText‘,‘‘);
    $(‘#EditActEndDate‘).combo(‘setText‘,‘‘);
    $("#EditConditionType").combobox(‘setValue‘,"0");
    $("#EditCjType").combobox(‘setValue‘,"1");
    $(‘#EditCjCount‘).val(‘‘);
    $(‘#EditPubliId‘).val(‘‘);

    $(‘#EidtActivityDesc‘).val(‘‘);
    $("input[name=‘publishRangeC‘]").attr("checked",false); 

    $(‘#addCouponPromoteDlg‘).window({
        title:‘优惠券促销添加‘,
        iconCls:‘icon-add‘,
        width:693,
        height:300,
        left:100,
        modal: true,
        shadow: true,
        collapsible:false,
        minimizable:false,
        maximizable:false
    });
    $(‘#addCouponPromoteDlg‘).window(‘move‘,{top:100});
    $(‘#addCouponPromoteDlg‘).window(‘open‘);
}

--修改

//优惠券活动修改框
function showEdit(rowData){//dataStr
    // $("#EditPubliId").removeAttr("readonly");
    $("#hideActivityId").val(rowData.cjActivityId);
    $(‘#EditActName‘).val(rowData.activityName);
    $(‘#EditActNo‘).val(rowData.activityNo);
    $(‘#EditActBeginDate‘).datebox("setValue",rowData.beginTime);
    $(‘#EditActEndDate‘).datebox("setValue",rowData.endTime);
    $("#EditConditionType").combobox(‘setValue‘,rowData.conditionType);
    if(rowData.isEnable==‘Y‘){
        $(‘input[name="isUseR"][value="Y"]‘).attr(‘checked‘, true);
    }else if(rowData.isEnable==‘N‘){
        $(‘input[name="isUseR"][value="N"]‘).attr(‘checked‘, true);
    }
    $("#EditCjType").combobox(‘setValue‘,rowData.cjType);

    if(rowData.publishRange==null ||rowData.publishRange==‘‘){
        $("input[name=‘publishRangeC‘]").attr("checked",false);
    }
    //checkbox 数据回显
    var publishRange=rowData.publishRange.split(",");
    for(var i = 0;i < publishRange.length; i++) {
        $("input[name=‘publishRangeC‘][value="+publishRange[i]+"]").attr(‘checked‘, true);
    }
    //定义隐藏域
    $("#hiddendActivityNo").val(rowData.activityNo);
    $("#hiddendPublishId").val(rowData.publishId);
    $(‘#EditCjCount‘).val(rowData.cjCount);
    $(‘#EditPubliId‘).val(rowData.publishId);
    if(rowData.publishId!=null){
        $("#EditPubliId").attr("readonly","readonly");
    }
    $(‘#EidtActivityDesc‘).val(rowData.activityDesc);
    $(‘#addCouponPromoteDlg‘).window({
        title:‘优惠券活动编辑‘,
        iconCls:‘icon-add‘,
        width:693,
        height:300,
        left:100,
        modal: true,
        shadow: true,
        collapsible:false,
        minimizable:false,
        maximizable:false
    });
    $(‘#addCouponPromoteDlg‘).window(‘move‘,{top:100});
    $(‘#addCouponPromoteDlg‘).window(‘open‘);
}

--添加

//保存优惠券促销活动
function saveCouponPromote(){
    var cjActivityId = $("#hideActivityId").val();
    var activityName = $(‘#EditActName‘).val();
    var activityNo = $(‘#EditActNo‘).val();
    var beginTime = $(‘#EditActBeginDate‘).datebox("getValue");
    var endTime = $(‘#EditActEndDate‘).datebox("getValue");
    var conditionType = $("#EditConditionType").combobox(‘getValue‘);
    var isEnable = $("input[name=‘isUseR‘]:checked").val();

    var cjType = $("#EditCjType").combobox(‘getValue‘);

    var cjCount = $(‘#EditCjCount‘).val();
    var publishId = $(‘#EditPubliId‘).val();
    var cjValue = $(‘#EditPubliId‘).val();
    var activityDesc = $(‘#EidtActivityDesc‘).val();
    if(checkCouponDate(publishId) == "expire"){
        $.messager.alert(‘提示‘,‘优惠券有效期已过!‘);
        return;
    }

//        if(cjActivityId==null||cjActivityId==‘‘){
        if($(‘#hiddendActivityNo‘).val()!=activityNo){
            if(!checkActivityNo(activityNo)){
              $.messager.alert(‘提示‘,‘活动编码已存在!‘);
              return;
        }

//        }
    }
//   if(!checkPublishId(publishId)){
//        $.messager.alert(‘提示‘,‘优惠券批次号已存在!‘);
//        return;
//    }

       if($(‘#hiddendPublishId‘).val()!=publishId){
           if(!checkPromotePublishId(cjValue)){
           $.messager.alert(‘提示‘,‘优惠券批次号已存在!‘);
           return;
       }

   }
时间: 2024-08-07 00:16:38

jquery 添加可操作,编辑不可操作的相关文章

angular-列表进行添加、编辑等操作时此行变色。

今天接触了一个功能,就是在一个列表中,当你新增或者对第N列进行编辑,删除等操作时这一列会变颜色.让用户对操作了哪行数据更认识更清晰,刷新之后这行的颜色就会消失.我觉得这个很有意思,记录一下.效果如下. 其实它的原理是前端从后台获取这个列表的数据.然后在前端对要需要变色的列表list加上一个判断是否调用变色样式的boolean属性,然后html页利用[ngClass]方法改变该列引用的CSS样式,使其颜色改变,语法如下. 当中涉及的细节还是挺多的.重点在于,它判断是否调用样式的属性,例如上图中的i

实战Jquery(二)--能够编辑的表格

今天实现的是一个表格的样例,通过获取表格的奇数行,设置背景色属性,使得奇偶行背景色不同.这个表格能够在单击时编辑,回车即更改为新输入的内容;ESC还原最初的文本.表格的实现思路非常清晰,仅仅是在实现的过程中会出现一些小bug.通过jQuery函数就能够一一解决. 以下看下HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

jQuery属性遍历、HTML操作

jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法.    .add() 将元素添加到匹配元素的集合中. .andSelf() 把堆栈中之前的元素集添加到当前集合中. .children() 获得匹配元素集合中每个元素的所有子元素. .closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素. .contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点. .ea

小谷实战Jquery(二)--可以编辑的表格

今天实现的是一个表格的例子,通过获取表格的奇数行,设置背景色属性,使得奇偶行背景色不同.这个表格可以在单击时编辑,回车即更改为新输入的内容;ESC还原最初的文本.表格的实现思路很清晰,只是在实现的过程中会出现一些小bug.通过jQuery函数就可以一一解决. 下面看下HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD

JS添加节点方法与JQuery添加节点方法的比较及总结

原生JS添加节点方法与JQuery添加节点方法的比较及总结 一.首先构建一个简单布局,来供下边讲解使用 1.HTML部分代码: <div id="div1">div1</div> <div id="div2">div2 <span id="span1">span1</span> <span id="span2">span2</span> <

jQuery添加和删除元素class属性实例代码

jQuery添加和删除元素class属性实例代码:元素的的class属性一般是用来设置样式之用,所以添加或者删除都意味着改变元素的样式,下面就介绍一下如何使用jQuery来删除和添加元素的class属性值,希望能够给大家带来一定的帮助.代码实例如下: function switchTeachControl() { var target=$("#thediv"); if(target.hasClass("controlOff")) { target.removeCla

JQuery 对 Select option 的操作---转载

<select id="selectID" > <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option

JQuery 对 Select option 的操作

心静禅定ing It is my decision,It is my life. JQuery 对 Select option 的操作 下拉框: <select id="selectID" >        <option value="1">1</option>        <option value="2">2</option>        <option value=&q

jQuery对象合并、jQuery添加静态方法、jQuery添加DOM实例方法

实例效果: 代码演示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&q