日历生成
// 查询
function chaxun(){
$('#tt').datagrid('clearSelections');
var year=$("[name='year1']").val(); // 获取查询输入框的值
if($.trim(year)==""){$.messager.alert('提示','输入项不能为空!');return;}
var queryParams = $('#tt').datagrid('options').queryParams;
queryParams['year']=year;
queryParams['_t']=(new Date())+"s";
$('#tt').datagrid("reload");
$('#chaxun').dialog('close');
$("[name='year1']").val('');
}
//下拉框[查询选中的信息]
function optionval(){
var xz=$("#dobest").val();
var queryParams = $('#tt').datagrid('options').queryParams;
queryParams['year']=xz;
queryParams['_t']=(new Date())+"s";
$('#tt').datagrid("reload");
$('#chaxun').dialog('close');
}
// 进度条
function test(){
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
setTimeout(arguments.callee, 200);
}
}
//生成日历
function create(){
$('#chaxun').dialog('close');
var year=$("[name='year2']").val(); //获取文本框的值
if($.trim(year)==""){$.messager.alert('提示','输入项不能为空!');return;}
$.getJSON("selCalendar.jsp",{"year":year,"_t":(new Date())+"s"},function(data){
if(data.succ){
if(data["FLAG"]=="1")
{$.messager.confirm('提示','该年信息已存在，是否重新生成?',
function(yes){
if(yes){
var year=$("[name='year2']").val();
$.getJSON("create.jsp",{"year":year,"_t":(new Date())+"s"},function(data)
{ //如果confirm，则先删除再生成
if(data.succ){
var year=$("[name='year2']").val();
var queryParams = $('#tt').datagrid('options').queryParams;
queryParams["year"]=year;//第二次请求
queryParams["_t"]=(new Date())+"s";
$('#tt').datagrid("reload")
$("#create").dialog('close');
$("[name='year2']").val('');
}else{$.messager.alert('提示','错误!')}
})}
else{ return ;}//如果没有confirm
})}
else if(data["FLAG"]=="0") //如果不存在已有信息，则直接生成日历
{ var year=$("[name='year2']").val();
$.getJSON("Ucreate.jsp",{"year":year,"_t":(new Date())+"s"},function(){//第一次请求发送给Ucreate.jsp，生成日历
var year=$("[name='year2']").val();
var queryParams = $('#tt').datagrid('options').queryParams;
queryParams["year"]=year;//第二次请求，把查询结果显示出来
$('#tt').datagrid("reload");
$("#create").dialog('close');
$("[name='year2']").val('');})
}
else{
if(errback)
errback(data.code,data.msg)
}
}
else{
if(errback)
errback(data.code,data.msg)
}})
}
//生成grid
$(function(){
$("#chaxun").dialog('close');
$("#create").dialog('close');
var lastIndex;
$('#tt').datagrid({
toolbar:[{
text:'查询',
iconCls:'icon-search',
handler:function(){
$('#tt').datagrid('clearSelections');
$('#chaxun div').css("display","block");
$('#chaxun').dialog('open');
}
},'-',{
text:'生成',
iconCls:'icon-add',
handler:function(){
$("#create").dialog('open');
}
},'-',{
text:'保存',
iconCls:'icon-save',
handler:function(){
$.messager.confirm('提示','确定保存修改吗?',function(yes){
if(yes){
var str="";
var rows = $('#tt').datagrid('getChanges');
for(i=0;i<rows.length;i++)
{ if(i>0) str+="|"
str+=rows[i]['YMD']+","+rows[i]['ISWORKDAY']+","+rows[i]['INFO']
}
var selrow = $('#tt').datagrid('getSelected');
if(selrow){
$('#tt').datagrid('acceptChanges');
if(str!=""){
str+="|"
}
str+=selrow['YMD']+","+selrow['ISWORKDAY']+","+selrow['INFO']
}
$.post("getJson.jsp?charset=utf-8", { "rows":str,"_t":(new Date())+"s" },
function(data){
var ts=rows.length;
if(selrow){
var ishave=false;
for(i=0;i<rows.length;i++){
if(selrow['YMD']==rows[i]['YMD']){
ishave=true;
}
}
if(!ishave)
ts++;
}
$.messager.alert('提示',data+' 您修改了: '+ ts + ' 行记录');
$('#tt').datagrid('clearSelections');
});
}
})
}
}],
onBeforeLoad:function(){
$(this).datagrid('rejectChanges');
},
onClickRow:function(rowIndex){
if (lastIndex != rowIndex){
$('#tt').datagrid('endEdit', lastIndex);
$('#tt').datagrid('beginEdit', rowIndex);
}
lastIndex = rowIndex;
}
});
});
//第一次加载grid
$(function(){
$('#tt').datagrid('endEdit');
var d=new Date();
var year=d.getYear();
if(year<1900){year+=1900;}
var queryParams = $('#tt').datagrid('options').queryParams;
queryParams["year"]=year;
$('#tt').datagrid("reload");
});
function daymater(v){
if(v=="1")
return "是"
else
return "否"
}
//下拉框初始化
var optionstring="";
$(function(){
$.getJSON('jsonCombox.jsp',{"_t":(new Date())+"s"},function(data){
addData(data);
// alert(data['rows'][3]['YMD'])
$("#dobest").append(optionstring);
})
})
function addData(v){ //调用function
for(var i=0;i<v['total'];i++)
{
optionstring += "<option value=""+ v['rows'][i]['YMD']+"" >"+ v['rows'][i]['YMD']+"</option>";
}
return optionstring;
}
</script>
</head>
<body>
<table id="tt" style="width:700px;height:auto"
title="休假调休日历表" iconCls="icon-edit" singleSelect="true"
idField="date" url="jsonHol.jsp" align="center" >
<thead>
<tr>
<th field="YMD" width="200" align="center">日期</th>
<th field="ISWORKDAY" formatter="daymater" width="200" align="center" editor="{type:'checkbox',options:{on:'1',off:'0'},align:'middle'}">节假日</th>
<th field="INFO" width="250" align="center" editor="text">备注</th>
</tr>
</thead>
</table>
<div id="chaxun" title="查询假期日历表" style="width:300px;height:150px;left:100px;top:150px;padding:10px;"
toolbar="#dlg-toolbar" buttons="#dlg-buttons" resizable="true">
<div style="display:none">
<p> 请输入年份: <input name="year1" validType="length[1,4]" style="width:100px;" required="true"/>
<a href="#" name="cxbutton" iconCls="icon-ok" onclick="chaxun()">确定</a></p>
请选择年份：<select id="dobest" name="state" style="width:100px;" required="true" >
<option value='test'>已有日历</option></select>
<a href="#" iconCls="icon-ok" onClick="optionval()">确定</a>
<div>
</div>
<div id="create" title="生成假期日历表" style="width:300px;height:150px;left:100px;top:150px;padding:10px"
toolbar="#dlg-toolbar" buttons="#dlg-buttons" resizable="true">
请输入年份: <input name="year2" validType="length[1,4]" style="width:100px;" required="true"/>
<a href="#" name="scbutton" iconCls="icon-ok" onclick="create()">确定</a>
</div>
<div id="p" style="width:400px;"></div>
</body>
</html>
