jquery之onchange事件
$(function(){
$("#opreateHtml").window("close");
$("#deliveryGrid").datagrid({
url:appPath+"/page/signActivityAct/getPage",
height:"full",
striped:true,
remoteSort:false,
pagination:true,
rownumbers:true,
singleSelect:false,
queryParams:getQueryParam(),
frozenColumns:[[{field:"ck",checkbox:true},
{field:"opt",title:"操作",width:100,align:"center",
formatter:function(value,rowData,rowIndex){
var dataStr = JSON.stringify(rowData);
var html = "";
if(rowData.isdisable=='N'&& rowData.isdisable!='Y'){
// html += "<img class='op-enable' src='"+ appPath+ "/js/lib/jquery-easyui/themes/icons/cancel.png' onClick='deletes("+ rowData.signActivityId+ ")' title='停用'/> ";
html += "<img class='op-enable' src='"+ appPath+ "/js/lib/jquery-easyui/themes/icons/cancel.png' onClick='doOk("+ rowData.signActivityId+ "," + 2 + ")' title='禁用'/> ";
}else if(rowData.isdisable!='N'){
html+="<img class='op-enable' src='"+appPath+"/js/lib/jquery-easyui/themes/icons/pencil.png' onClick='showWin("+dataStr+")' title='编辑'/> ";
// html+="<img class='op-enable' src='"+appPath+"/js/lib/jquery-easyui/themes/icons/get-verify.png' onClick='isOpen("+rowData.signActivityId+")' title='启用'/> ";
html+="<img class='op-enable' src='"+appPath+"/js/lib/jquery-easyui/themes/icons/get-verify.png' onClick='doOk("+rowData.signActivityId+"," + 1 + ")' title='启用'/> ";
}
html += "<img class='op-enable' src='"+ appPath+ "/js/lib/jquery-easyui/themes/icons/search.png' onClick='showWin("+ dataStr+ ","+1+")' title='查看'/> ";
return html;
}
}
]],
columns:[[
{field:'startTime',title:'开始时间',width:100,align:'left',sortable:true},
{field:'endTime',title:'结束时间',width:100,align:'left',sortable:true},
{field:'rewardDays',title:'奖励期',width:100,align:'center',sortable:true},
{field:'rewardName',title:'奖励产品',width:100,align:'center',sortable:true},
{field : 'isdisable',
title : '启用情况',
width : 120,
align : 'center',
sortable : true,
formatter : function(value, rowData, rowIndex) {
var strReturn = "";
if (rowData.isdisable == 'Y') {
return ("<font color=red> "+strReturn +"停用</font>");
} else if (rowData.isdisable == 'N') {
return ("<font color=green> "+strReturn +"启用</font>");
}else {
return ("<font color=black> "+strReturn +"新增</font>");
}
}
},
{field:'editTime',title:'操作时间',width:120,align:'left',sortable:true}
]],
toolbar:[
{
id:'btnadd',
text:'新增签到活动',
iconCls:'icon-add',
handler:function(){
showWin(null,null);
}
}
]
});
$("#addstartTime").datetimebox({
onChange: function (n,o) {
var bgAddTime = $('#addstartTime').datebox("getValue");
var edAddTime = $('#addendTime').datebox("getValue");
if(bgAddTime!=''&& bgAddTime!=null && edAddTime!=''&& edAddTime!=null){
if(bgAddTime>edAddTime){
$.messager.alert('提示', "开始时间不能大于结束时间", 'info');
return;
}
}
// 获取两个日期天数差
var bgDates = new Date(bgAddTime);
var edDates = new Date(edAddTime);
var dayss = edDates.getTime() - bgDates.getTime();
var rewardDayss= (parseInt(dayss / (1000 * 60 * 60 * 24)))+1;
$("#addrewardDays").val(rewardDayss);
}
});
//ji suan jie shu shi jian
$("#addendTime").datetimebox({
onChange: function (n,o) {
var bgAddTime = $('#addstartTime').datebox("getValue");
var edAddTime = $('#addendTime').datebox("getValue");
if(bgAddTime!=''&& bgAddTime!=null && edAddTime!=''&& edAddTime!=null){
if(bgAddTime>edAddTime){
$.messager.alert('提示', "开始时间不能大于结束时间", 'info');
return;
}
}
// 获取两个日期天数差
var bgDates = new Date(bgAddTime);
var edDates = new Date(edAddTime);
var dayss = edDates.getTime() - bgDates.getTime();
var rewardDayss= (parseInt(dayss / (1000 * 60 * 60 * 24)))+1;
$("#addrewardDays").val(rewardDayss);
}
});
});
function getQueryParam(){
var signActivity =new Object();
//封装查询条件
signActivity.startTime = $("#startTime").datebox("getValue");
signActivity.endTime = $("#endTime").datebox("getValue");
signActivity.isdisable = $('#isdisable').combobox("getValue");
return signActivity;
}
function doQuery(){
$("#deliveryGrid").datagrid('load',getQueryParam());
}
function showWin(rowData,num){
if(rowData!=null){
$("#idHidden").val("");
$("#addrewardDays").val("");
$("#addplatform").val("");
$("#addactivityIntroduction").val("");
// $("#addrewardType").combobox("setValue", 'JF');//奖励类型 目前仅支持积分
$("#addsignActivityId").val("");
$("#addrewardName").val("");
$("#addrewardContent").val("");
$("#addstartTime").datebox("setValue","");
$("#addendTime").datebox("setValue","");
$("#isdisable").combobox("setValue", '');
//签到规则说明
var result=querySignRule();
$("#addruleIntroduction").val(result);
var iconStr = "icon-add";
var title = "新增签到活动";
var urlList;
var id =rowData.signActivityId;
if (id != null) {
iconStr = "icon-edit";
title = "编辑签到活动";
$.post(
appPath+"/page/signActivityAct/getBean/"+id,
{},
function(data){
$("#idHidden").val(data.signActivityId);
$("#addrewardDays").val(data.rewardDays);
$("#addplatform").combobox('setValue', data.platform);
$("#addactivityIntroduction").val(data.activityIntroduction);
$("#addrewardType").val(data.rewardType);
$("#addsignActivityId").val(data.signActivityId);
$("#addendTime").datebox("setValue", data.endTime);
$("#addstartTime").datebox("setValue", data.startTime);
$("#addrewardName").val(data.rewardName);
$("#addrewardContent").val(data.rewardContent);
$("#addisdisable").combobox('setValue', data.isdisable);
},"json");
}
}else{
var iconStr = "icon-add";
var title = "新增签到活动";
$("#idHidden").val("");
$("#addrewardDays").val("");
$("#addplatform").combobox("setValue", 'APP');
$("#addactivityIntroduction").val("");
$("#addrewardType").combobox("setValue", 'JF');//奖励类型 目前仅支持积分
$("#addsignActivityId").val("");
$("#addrewardName").val("签到额外奖励");
$("#addrewardContent").val("");
$("#addstartTime").datebox("setValue","");
$("#addendTime").datebox("setValue","");
$("#isdisable").combobox("setValue", '');
//签到规则说明
var result= querySignRule();
$("#addruleIntroduction").val(result);
}
$('#opreateHtml').window({
title:title,
iconCls:iconStr,
width : 750,
height : 480,
left : 200,
modal : true,
shadow : true,
collapsible : false,
minimizable : false,
maximizable : false
});
$('#opreateHtml').window('move',{top:0});
$('#opreateHtml').window('open');
if(num==1){
$("#shenheHideAndShow").hide();
}else{
$("#shenheHideAndShow").show();
}
}
function closeWin(id){
$('#opreateHtml').window('close');
}
function save(){
var signActivity=new Object();
if ($("#idHidden").val() != null && $("#idHidden").val() != "") {
signActivity.signActivityId = $("#idHidden").val();
}
var bgAddTime = $('#addstartTime').datebox("getValue");
var edAddTime = $('#addendTime').datebox("getValue");
// 获取两个日期天数差
var bgDate = new Date(bgAddTime);
var edDate = new Date(edAddTime);
var days = edDate.getTime() - bgDate.getTime();
var rewardDays= (parseInt(days / (1000 * 60 * 60 * 24)))
if($("#addstartTime").datebox("getValue")==""||$("#addstartTime").datebox("getValue")==null){
$.messager.alert("提示","开始时间不能为空","info");
return;
}
if ($("#addendTime").datebox("getValue") == null|| $("#addendTime").datebox("getValue") == "") {
$.messager.alert('提示', "结束时间不能为空", 'info');
return;
}
if ($("#addstartTime").datebox("getValue") >= $("#addendTime").datebox("getValue")) {
$.messager.alert('提示', "开始时间不能大于结束时间", 'info');
return;
}
if($("#addactivityIntroduction").val()==null || $("#addactivityIntroduction").val()==""){
$.messager.alert('提示', "请输入活动的内容介绍", 'info');
return;
}
if($("#addrewardName").val()==null ||$("#addrewardName").val()==""){
$.messager.alert('提示', "请输入奖励积分名称", 'info');
return;
}
if($("#addrewardContent").val()==null ||$("#addrewardContent").val()==""){
$.messager.alert('提示', "请输入奖励积分分值", 'info');
return;
}
signActivity.signActivityId = $("#idHidden").val();
signActivity.startTime = $("#addstartTime").datebox("getValue");
signActivity.endTime = $("#addendTime").datebox("getValue");
signActivity.platform=$("#addplatform").combobox("getValue");
signActivity.activityIntroduction=$("#addactivityIntroduction").val();
signActivity.rewardType=$("#addrewardType").combobox("getValue");
//默认是开始减去结束时间
signActivity.rewardDays=rewardDays+1;
signActivity.rewardName=$("#addrewardName").val();
signActivity.rewardContent=$("#addrewardContent").val();
//默认签到规则
doAjax({
url:appPath+'/page/signActivityAct/saveOrUpdate',
type:'post',
data:signActivity,
success : function(data) {
if (data == "ok") {
$.messager.alert('提示', "保存成功", 'info');
$('#opreateHtml').window('close');
doQuery();
} else {
$.messager.alert('提示', data, 'info');
}
}
});
}
function deletes(id) {
var ids = '';
if (id == null || id == '') {
var selections = $("#deliveryGrid").datagrid('getSelections');
if (selections == null || selections == '') {
$.messager.alert('提示信息', '请选操作的记录', '');
return;
}
for (var i = 0; i < selections.length; i++) {
ids += selections[i].signActivityId + ',';
}
} else {
ids = id;
}
$.messager.confirm('提示信息', "您确定要停用吗？", function(r) {
if (r) {
$.post(appPath + "/page/signActivityAct/deleteIdsLogic", {
"ids" : ids
}, function(data) {
$.messager.alert('提示信息', '停用成功', '');
doQuery();
});
}
});
}
//启用
function isOpen(id){
var isdisable='Y';
if(!checkIsisable(isdisable)){
$.messager.alert('提示','数据中已经存在启用状态的活动,不可再启用！');
return;
}
/**
* 数据在启用的之前,应先查找数据库是否有已经启用的数据,
* 保证后台数据只有一条是启用状态,否则弹框,并提示用户
*/
var ids = '';
if (id == null || id == '') {
var selections = $("#deliveryGrid").datagrid('getSelections');
if (selections == null || selections == '') {
$.messager.alert('提示信息', '请选操作的记录', '');
return;
}
for (var i = 0; i < selections.length; i++) {
ids += selections[i].signActivityId + ',';
}
} else {
ids = id;
}
$.messager.confirm('提示信息', "您确定要启用吗？", function(r) {
if (r) {
$.post(appPath + "/page/signActivityAct/isOpen", {
"ids" : ids
}, function(data) {
$.messager.alert('提示信息', '启用成功', '');
doQuery();
});
}
});
}
//检查活动编码是否唯一
function checkIsisable(isdisable){
var flag = false;
doAjax({
url:appPath+'/page/signActivityAct/checkIsdisable',
type:'post',
async:false,
data:{
isdisable:isdisable
},
success:function(data){
if(data == 0){
flag = true;
}
}
});
return flag;
}
/**
* 通过soa-member 接口查询出默认签到规则
*/
function querySignRule(){
var result='';
doAjax({
url:appPath+'/page/signActivityAct/getDeSignRule',
type:'post',
async:false,
data:{},
success:function(data){
if(data!=null ){
result=data[0].signRule
return result;
}
}
});
return result;
}
/**
* 启用,停用
*
*/
function doOk(id,val){
var msg = "";
msg = val ==1?"启用成功":"停用成功";
doAjax({
url: appPath + "/page/signActivityAct/onlineOrOffline",
type: "post",
dataType: "json",
data: {id:id,isdisable:val} ,
success: function (data) {
doQuery();
if(data=='1'){
$.messager.alert('提示','数据中已经存在启用状态的活动,不可再启用！');
}else{
$.messager.alert('提示信息', msg, 'info');
}
},
error: function () {
alert('ajax异常');
}
});
}
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<jsp:include page="/jsp/common/header.jsp"></jsp:include>
<script src="${ctx }/js/signActivity/signActivity.js"></script>
<table class="queryTable">
<tr>
<td class="queryTitle" width="80px">开始时间</td>
<td class="queryContent"><input class="inputText easyui-datetimebox" type="text" id="startTime"/></td>
<td class="queryTitle" width="80px">结束时间</td>
<td class="queryContent"><input class="inputText easyui-datetimebox" type="text" id="endTime"/></td>
<td class="queryTitle" width="80px">启用状态</td>
<td class="queryContent">
<select id="isdisable" class="easyui-combobox" style="width: 100px" panelHeight="auto">
<option value="">请选择</option>
<option value="Y">禁用</option>
<option value="N">启用</option>
</select>
</td>
<td class="queryBtnTd" ><a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" onclick="doQuery()">查 询</a></td>
</tr>
</table>
<table id="deliveryGrid"></table>
<div id="opreateHtml" class="easyui-window" title="" iconCls="icon-edit" style="width:320px; height:550px;text-align:center; background: #fafafa;margin:0 auto;">
<div class="easyui-layout" fit="true">
<div region="center" border="false" style="background:#fff;border:1px solid #ccc;">
<form>
<input type="hidden" id="idHidden" name="idHidden" value="" />
<table class="queryTable" width="100%">
<tr>
<td class="queryTitle" width="100px">开始时间</td>
<td class="queryContent" ><input class="inputText easyui-datetimebox" type="text" id="addstartTime" style="width:150px"/></td>
</tr>
<tr>
<td class="queryTitle" width="100px">结束时间</td>
<td class="queryContent" ><input class="inputText easyui-datetimebox" type="text" id="addendTime" style="width:150px"/></td>
</tr>
<tr>
<td class="queryTitle" width="100px">适用端</td>
<td class="queryContent" >
<select id="addplatform" class="easyui-combobox" style="width: 100px" panelHeight="auto">
<option value="APP">APP</option>
<option value="PC">PC</option>
<option value="WAP">WAP</option>
</select>
</td>
</tr>
<tr>
<td class="queryTitle" width="100px">内容介绍</td>
<td class="queryContent" colspan="20">
<textarea id="addactivityIntroduction" name="addactivityIntroduction" class="inputText" validType="maxLength[1000]" style="width: 565px;height:70px;"></textarea>
</td>
</tr>
<tr>
<td class="queryTitle" width="100px">奖励类型</td>
<td class="queryContent" >
<select id="addrewardType" class="easyui-combobox" style="width: 100px" panelHeight="auto">
<option value="JF">积分</option>
</select>
</tr>
<tr>
<td class="queryTitle" width="100px">奖励期</td>
<td class="queryContent" ><input class="inputText" type="text" id="addrewardDays" value="" readonly="readonly" /></td>
</tr>
<tr>
<td class="queryTitle" width="100px">奖励积分名称</td>
<td class="queryContent" ><input class="inputText" type="text" id="addrewardName" /></td>
</tr>
<tr>
<td class="queryTitle" width="100px">奖励积分分值</td>
<td class="queryContent" ><input class="inputText" type="text" id="addrewardContent" /></td>
</tr>
<tr>
<td class="queryTitle"width="100px" >签到规则说明</td>
<td class="queryContent" colspan="30" >
<textarea id="addruleIntroduction" name="addruleIntroduction" class="inputText" validType="maxLength[1000]" readonly="true" style="width: 565px;height:70px;"></textarea>
</td>
</tr>
</table>
</form>
</div>
<div region="south" border="false" style="text-align:center;height:30px;line-height:30px;">
<label id="shenheHideAndShow">
<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0);" onclick="save('1');">确定</a>
</label>
<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0);" onclick="closeWin();">退出</a>
</div>
</div>
</div>
总结:
$("#addstartTime").datetimebox({
onChange: function (n,o) {
var bgAddTime = $('#addstartTime').datebox("getValue");
var edAddTime = $('#addendTime').datebox("getValue");
if(bgAddTime!=''&& bgAddTime!=null && edAddTime!=''&& edAddTime!=null){
if(bgAddTime>edAddTime){
$.messager.alert('提示', "开始时间不能大于结束时间", 'info');
return;
}
}
// 获取两个日期天数差
var bgDates = new Date(bgAddTime);
var edDates = new Date(edAddTime);
var dayss = edDates.getTime() - bgDates.getTime();
var rewardDayss= (parseInt(dayss / (1000 * 60 * 60 * 24)))+1;
$("#addrewardDays").val(rewardDayss);
}
});
总结:
日期格式的插件是DatatimeBox,但是该插件没有事件方法,找到其依赖(即父类)databox,
只有一个onselect事件,不满足需要,再找到databox的父类combox,
找到onselect事件,满足需求,即:当文本域的值改变的时候触发。
jquery之onchange事件的更多相关文章
- jquery之onchange事件2
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- 使用JQuery UI selectmenu, onchange事件失效
今天, 在用jQuery UI的一套东西是发现<select class="dropmenu" onchange="do();"></sele ...
- 为什么Jquery对input file控件的onchange事件只生效一次
今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解 ...
- JQuery EasyUI Combobox的onChange事件
html中的select 的change事件 <select id="consult_province" name="consult_province" ...
- JQuery EasyUI内Combobox的onChange事件
1.原始方法 我想写个html代码的都对下拉选择标签select不陌生,关于这个标签,在不加任何渲染的情况下,想要触发其onchange事件是很简单的一件事情,如下: <select id=&q ...
- jQuery下的onChange事件在某些情况下无效
onChage无效的原因: 虽然表面上感觉是当内容发生变化时,就会触发onchange事件,但是那只能在页面上操作.而如果通过dom对象去修改它的value则什么事也不会发生. onchange触发原 ...
- jquery触发两次onchange事件
在项目中需要给select绑定改变事件,来触发动作,但是发现改变一次select,onchange方法执行两遍 //这是那个标签,用的是我们公司内部的selectlist <select cla ...
- html input的file文件输入框onchange事件触发一次失效解决方法
最近在做一个图片上传的功能,出现提交一次后,file输入框的change事件无法再次触发的bug,就是说提交一次后必须刷新才能再次提交,这就坑了~ 于是想办法解决它~ 在网上找了一些资料,找到这几种方 ...
- JS改变input的value值不触发onchange事件解决方案 （转）
方法(一)(转载的网络资料) 需要了解的知识 首先,我们需要了解onchange和onpropertychange的不同: IE下,当一个HTML元素的属性改变的时候,都能通过 onprope ...
随机推荐
- 策略模式Strategy（对象行为型）
原文地址:http://blog.csdn.net/hguisu/article/details/75582491.策略模式:定义一系列的算法,把每一个算法封装起来, 并且使它们可相互替换.本模式使得 ...
- Objective-C学习篇08—NSDictionary与NSSet
NSDictionary与NSMutableDictionary NSSet与NSMutableSte 字典 字典:字典分为可变字典NSDictionary和不可变字典NSMutableDiction ...
- PHP Calendar 函数
PHP 5 Calendar 函数 函数 描述 cal_days_in_month() 针对指定的年份和历法,返回一个月中的天数. cal_from_jd() 把儒略日计数转换为指定历法的日期. ca ...
- validate插件深入篇
1.使用valid()来验证表单是否填写正确: <form id="mainform"> <button id="check">< ...
- PHPCMS v9修改栏目或者单页没有权限
问题: 普通管理员没有权限修改栏目,只有超级管理员才有权限修改,凡是非超级管理员,设置栏目权限后只能添加栏目,不能对栏目进行修改和删除操作,提示您没有权限操作该项这使系统的一个BUG. 一.对于普 ...
- 深入理解querySelector(All)
querySelector和querySelectorAll同属于Selectors API Level 1规范,该规范早在2006年就已经开始发展,并在2007年10月形成querySe ...
- .sdp文件格式介绍
最近做RTSP流播放,需要了解.sdp这种会话描述的文件格式,当然,里面的具体语法有SDP解析器来分析.但是我需要大概了解一些字段的意思,它是文本描述的,采用key value的形式描述. https ...
- Yii数据库
http://www.yiiframework.com/doc/guide/1.1/zh_cn/database.ar http://zhengdl126.iteye.com/blog/1460779 ...
- C# 创建Excel并写入内容
1 增加应用 Microsoft.Office.Interop.Excel 2 引用命名空间 using Excel = Microsoft.Office. ...
- 【HDOJ】1406 Ferry Loading III
模拟,注意需要比较队头与当前时间的大小关系. #include <cstdio> #include <cstring> #include <cstdlib> #de ...